Visual rich text message JSON file generation method and device
By providing a visual editing interface and drag-and-drop operations on the user interface, combined with JSON file generation technology, it solves the problem that non-programmer users find it difficult to generate complex rich text JSON files, and achieves low-threshold and efficient file generation.
Patent Information
- Application Number
- CN202411651100.0
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-11-19
- Publication Date
- 2025-02-25
AI Technical Summary
The existing technology is difficult for non-programmer users to quickly generate complex rich-text JSON files. Writing and editing JSON files requires certain programming skills and the threshold is relatively high.
By providing a visual editing interface, combining drag and drop operations and JSON file generation technology, users can drag and drop components on the canvas and configure properties through simple operations, generate complex rich text messages, and export them into JSON files.
It lowers the threshold for generating complex rich text JSON files, allowing non-programming users to quickly generate required files through intuitive drag and drop operations, improving efficiency and operability.
Smart Images

Figure CN119514488A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of data processing technology, and in particular to a method and device for generating a visual rich text message JSON file. Background Art
[0002] Rich text messages usually contain content in multiple formats, such as text, pictures, links, tables, etc. It allows richer and more diverse information to be presented in messages, enhancing the expressiveness and readability of information. With the development of the Internet and information technology, rich text messages are widely used in various application scenarios, such as instant messaging, email, and social media. Rich text messages usually use the JSON format for data storage and transmission. Rich text message JSON files provide a convenient and efficient way to store and transmit rich text information. However, writing and editing JSON files requires certain programming skills. For non-programmer users who lack relevant knowledge, generating and modifying JSON files containing rich text content is a complex and high-threshold task. Summary of the invention
[0003] In view of this, the purpose of this application is to provide a method and device for generating a visual rich text message JSON file, which can combine the intuitive operation of dragging and dropping with the JSON file generation technology, so that complex rich text JSON files can be quickly generated through simple operations.
[0004] In a first aspect, an embodiment of the present application provides a method for generating a JSON file of a visual rich text message, the method comprising the following steps:
[0005] Generate a visual editing interface according to the received rich text message construction instruction; the visual editing interface includes a canvas and a template library and a property configuration interface arranged on both sides of the canvas; the template library includes a template component storing a number of commonly used components;
[0006] According to the received module component selection instruction, a target component is selected from several commonly used components, and is added to the canvas by dragging and dropping; and according to the received target component configuration instruction, the properties of the corresponding target component are edited in the property configuration interface to obtain a constructed rich text message;
[0007] According to the received export instruction, the constructed rich text message is generated into a JSON file and downloaded to the specified storage location.
[0008] In some embodiments, the template library further includes storing a number of history components whose properties have been edited; the method further includes the following steps:
[0009] According to the received historical component selection instruction, a target component is selected from a number of historical components, and is added to the canvas by dragging and dropping.
[0010] In some embodiments, the step of editing the properties of the corresponding target component in the property configuration interface according to the received target component configuration instruction includes the following steps:
[0011] Generate different property configuration interfaces for different target components; wherein the property configuration interface includes at least one of a content editing area, an event editing area, and a style editing area;
[0012] According to the received target component configuration instruction, corresponding property editing is performed on the selected target component in the content editing area, the event editing area or the style editing area.
[0013] In some embodiments, the module components include buttons, pictures, and texts; wherein, when the target component is a button, the generated property configuration interface includes a content editing area, an event editing area, and a style editing area; the parameters included in the content editing area include type and text content; the parameters included in the event editing area include trigger mode, interaction function, type, and link address; the parameters included in the style editing area include text style and button text.
[0014] In some embodiments, when the target component is a picture, the generated property configuration interface includes a content editing area, the parameters included in the content editing area include type and picture, and when editing the picture parameters, two methods of local upload and online picture are provided.
[0015] In some embodiments, after obtaining the constructed rich text message, the following steps are also included:
[0016] Based on the received push preview instruction, the effect of the constructed rich text message is sent and displayed through the enterprise collaboration communication tool.
[0017] In some embodiments, generating a JSON file from the constructed rich text message and downloading it to a specified storage location according to the received export instruction includes the following steps:
[0018] Generate a JSON file from the constructed rich text message according to the received export instruction;
[0019] Verify the generated JSON file and prompt the user to correct the identified errors through the interface;
[0020] Download the verified JSON file to the specified storage location.
[0021] In a second aspect, an embodiment of the present application provides a device for generating a JSON file of a visual rich text message, the device comprising:
[0022] A generation module, configured to construct instructions according to the received rich text message and generate a visual editing interface; the visual editing interface includes a canvas and a template library and a property configuration interface arranged on both sides of the canvas; the template library includes a template component storing a number of commonly used components;
[0023] A construction module is used to select a target component from several commonly used components according to the received module component selection instruction, and add it to the canvas by dragging and dropping; and according to the received target component configuration instruction, edit the properties of the corresponding target component in the property configuration interface to obtain a constructed rich text message;
[0024] The export module is used to generate a JSON file from the constructed rich text message according to the received export instruction and download it to a specified storage location.
[0025] In a third aspect, an embodiment of the present application provides an electronic device, comprising a processor, a memory and a bus, wherein the memory stores machine-readable instructions executable by the processor. When the electronic device is running, the processor and the memory communicate through the bus, and when the machine-readable instructions are executed by the processor, the steps of the method for generating a visual rich text message JSON file as described in any one of the first aspects are performed.
[0026] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the steps of the method for generating a visual rich text message JSON file as described in any one of the first aspects above are executed.
[0027] The present application discloses a method and device for generating a JSON file of a visual rich text message. According to the received rich text message construction instruction, a visual editing interface is generated; the visual editing interface includes a canvas and a template library and a property configuration interface arranged on both sides of the canvas; the template library includes a template component storing several commonly used components; according to the received module component selection instruction, a target component is selected from several commonly used components and added to the canvas by dragging and dropping; and according to the received target component configuration instruction, the property of the corresponding target component is edited in the property configuration interface to obtain a constructed rich text message; according to the received export instruction, a JSON file is generated from the constructed rich text message and downloaded to a specified storage location. Thus, the intuitive operation of dragging and dropping is combined with the JSON file generation technology, so that non-programming users can quickly generate complex rich text JSON files through simple operations. BRIEF DESCRIPTION OF THE DRAWINGS
[0028] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the embodiments will be briefly introduced below. It should be understood that the following drawings only show certain embodiments of the present application and therefore should not be regarded as limiting the scope. For ordinary technicians in this field, other related drawings can be obtained based on these drawings without paying creative work.
[0029] Figure 1 A flowchart of the method for generating a JSON file of a visual rich text message according to an embodiment of the present application is shown;
[0030] Figure 2 A schematic diagram of a visual editing interface according to an embodiment of the present application is shown;
[0031] Figure 3 A schematic diagram of an interface of a content editing area generated when the target component is a button in an embodiment of the present application is shown;
[0032] Figure 4 A schematic diagram of an interface of an event editing area generated when the target component is a button in an embodiment of the present application is shown;
[0033] Figure 5 A schematic diagram of an interface of a style editing area generated when the target component is a button in an embodiment of the present application is shown;
[0034] Figure 6 A schematic diagram showing an embodiment of the present application in which an online picture is added when the target component is a picture;
[0035] Figure 7 A schematic diagram of an interface for adding a local picture when the target component is a picture in an embodiment of the present application is shown;
[0036] Figure 8 A schematic diagram of the interface of the template square described in the embodiment of the present application is shown;
[0037] Fig. 9 A schematic diagram of an interface for exporting a rich text message JSON file according to an embodiment of the present application is shown;
[0038] Fig.10 A schematic diagram of the structure of the apparatus for generating a JSON file of a visual rich text message according to an embodiment of the present application is shown;
[0039] Fig.11 A structural block diagram of an electronic device described in an embodiment of the present application is shown. DETAILED DESCRIPTION
[0040] To make the purpose, technical scheme and advantages of the embodiments of the present application clearer, the technical scheme in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. It should be understood that the drawings in the present application only serve the purpose of explanation and description and are not used to limit the scope of protection of the present application. In addition, it should be understood that the schematic drawings are not drawn in real proportion. The flowchart used in this application shows the operations implemented according to some embodiments of the present application. It should be understood that the operations of the flowchart can be implemented out of sequence, and the steps without logical context can be reversed in order or implemented simultaneously. In addition, those skilled in the art can add one or more other operations to the flowchart under the guidance of the content of the present application, or remove one or more operations from the flowchart.
[0041] In addition, the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. The components of the embodiments of the present application described and shown in the drawings here can be arranged and designed in various configurations. Therefore, the following detailed description of the embodiments of the present application provided in the drawings is not intended to limit the scope of the application claimed for protection, but merely represents the selected embodiments of the present application. Based on the embodiments of the present application, all other embodiments obtained by those skilled in the art without making creative work belong to the scope of protection of the present application.
[0042] It should be noted that the term "comprising" will be used in the embodiments of the present application to indicate the existence of the features declared thereafter, but does not exclude the addition of other features.
[0043] In view of the technical problems raised by the background technology, the present application provides a method and device for generating a visual rich text message JSON file, which can combine the intuitive operation of dragging and dropping with the JSON file generation technology, so that complex rich text JSON files can be quickly generated through simple operations.
[0044] See the instruction manual Figure 1 , a method for generating a visual rich text message JSON file provided in an embodiment of the present application includes the following steps:
[0045] S1. Generate a visual editing interface according to the received rich text message construction instruction; the visual editing interface includes a canvas and a template library and a property configuration interface arranged on both sides of the canvas; the template library includes a template component storing a number of commonly used components;
[0046] S2. According to the received module component selection instruction, a target component is selected from several commonly used components, and is added to the canvas by dragging and dropping; and according to the received target component configuration instruction, the properties of the corresponding target component are edited in the property configuration interface to obtain a constructed rich text message;
[0047] S3. According to the received export instruction, generate a JSON file from the constructed rich text message and download it to a specified storage location.
[0048] In an embodiment of the present application, the visual rich-text message JSON file generation method can be run on a terminal device or a server; wherein the terminal device can be a service-side terminal device. When the visual rich-text message JSON file generation method is run on the server, the visual rich-text message JSON file generation method can be implemented and executed based on a cloud interaction system, wherein the cloud interaction system includes at least a server and a client device (ie, a terminal device).
[0049] See the instruction manual Figure 2 In step S1, the rich text message construction instruction may be generated by a user opening a rich text message JSON file generation tool on a terminal device. In the present application, the visual rich text message JSON file generation tool provided by the terminal device may utilize the underlying drawing engine to provide conventional interaction and design of visual diagram editing scenes, or may realize customization capabilities through simple configuration, and express complex code logic in the form of a flowchart in a visual manner. In one embodiment, the generated visual editing interface includes a template library on the left, a canvas in the middle, and a property configuration interface on the right.
[0050] In step S2, the common components included in the module components include title text, basic text, pictures, buttons, double-column buttons, three-column buttons, and dividing lines; the module component selection instruction can be generated based on the user's operation of dragging and dropping the target component selected from the module component. The position of the target component dragged to the canvas can be adjusted as needed, and its properties can be edited in the property configuration interface according to the received target component configuration instruction, thereby obtaining a constructed rich text message.
[0051] It should be noted that in this application, different property configuration interfaces are generated for different target components. For example, when the target component is a button, the generated property configuration interface includes a content editing area, an event editing area, and a style editing area; and when the target component is a picture, the generated property configuration interface only includes a content editing area.
[0052] For details, see the attached manual. Figure 3 , when the target component is a three-column button, the generated content editing area includes parameters for the type and text content of each button. For example, for "Button 1", its type is set to "Static Data" and its text content is set to "Button 1"; see the attached manual Figure 4The generated event editing area includes parameters for each button's trigger mode, interactive function, type, and link address; for example, for "Button 1", set its trigger mode to "Single Click", its interactive function to "Jump Link", and its type to "Static Data"; see the attached manual Figure 5 The generated style editing area includes parameters for each button's text style and button text. For example, for "Button 1", set the button type under its text style to "Normal button", the radius to "Small", the background color to "White", the border color to "Blue", and the text color under its button text to: Blue;
[0053] See the instruction manual Figure 6 And the instruction manual Figure 7 When the target component is a picture, the generated property configuration interface includes a content editing area. The parameters included in the content editing area are type and picture. When editing the picture parameters, two methods, local upload and online picture, are provided. The online picture can be obtained from various websites for inputting the corresponding link; the local upload can be obtained from the storage space of the current terminal device.
[0054] By selecting the target component and configuring the properties of the selected target component, the user can see the actual effect of the generated rich text message in real time in the canvas, keep it updated synchronously, and ensure that what the user sees is what he gets. In addition, the effect of the constructed rich text message can be sent and displayed through the enterprise collaboration communication tool according to the received push preview instruction. The push preview instruction can be generated by the user clicking "Push Preview" in the visual editing interface.
[0055] In addition, see the instructions for Figure 8 In the present application, in addition to the template components, the template library also includes a template square, which stores several historical components whose properties have been edited. This allows users to select target components from both the template components and the historical components to drag and drop them into the canvas. For the target component selected from the template component, it is necessary to edit its properties in the property configuration interface according to the received target component configuration instruction. For the target component selected from the template square, if it cannot meet the current scene requirements, it is also necessary to edit its properties in the property configuration interface according to the received target component configuration instruction. If it can meet the current scene requirements, its properties will no longer be edited and it can be used directly, which is convenient and quick, thereby improving the efficiency of building rich text messages.
[0056] See the instruction manual Fig. 9In step S3, the export instruction can be generated by the user clicking "Export" in the visual editing interface, and then according to the received export instruction, the constructed rich text message is generated into a file that conforms to the JSON standard, and the generated JSON file is error checked, such as format errors, missing information, etc., wherein, if an error is identified, the user is prompted to correct it through the interface, and finally the verified qualified JSON file is downloaded to the designated storage location.
[0057] It can be seen that the method for generating a visual rich-text message JSON file provided by the present application combines the intuitive operation of dragging and dropping with the JSON file generation technology, so that non-programming users can generate complex rich-text JSON files through simple operations; and supports real-time preview function, error detection and prompt functions, which ensure the immediacy and operability of user operations, making it more intelligent and efficient.
[0058] Based on the same inventive concept, a visual rich text message JSON file generation device is also provided in an embodiment of the present application. Since the principle of solving the problem by the device in the embodiment of the present application is similar to the above-mentioned visual rich text message JSON file generation method in the embodiment of the present application, the implementation of the device can refer to the implementation of the method, and the repeated parts will not be repeated.
[0059] As the instruction manual Fig.10 As shown, the present application also provides a device for generating a visual rich text message JSON file, the device comprising:
[0060] The generating module 1001 is used to generate a visual editing interface according to the received rich text message construction instruction; the visual editing interface includes a canvas and a template library and a property configuration interface arranged on both sides of the canvas; the template library includes a template component storing a plurality of commonly used components;
[0061] The construction module 1002 is used to select a target component from a number of commonly used components according to the received module component selection instruction, and add it to the canvas by dragging and dropping; and according to the received target component configuration instruction, edit the properties of the corresponding target component in the property configuration interface to obtain a constructed rich text message;
[0062] The export module 1003 is used to generate a JSON file from the constructed rich text message according to the received export instruction and download it to a specified storage location.
[0063] In some embodiments, the template library also includes storing several historical components whose properties have been edited; the construction module 1002 is also used to select a target component from several historical components according to the received historical component selection instruction, and add it to the canvas by dragging and dropping.
[0064] In some embodiments, the construction module 1002 performs property editing on the corresponding target component in the property configuration interface according to the received target component configuration instruction, including: generating different property configuration interfaces for different target components; wherein the property configuration interface includes at least one of a content editing area, an event editing area, and a style editing area; and performing corresponding property editing on the selected target component in the content editing area, the event editing area, or the style editing area according to the received target component configuration instruction.
[0065] In some embodiments, the module components include buttons, pictures, and texts; wherein, when the target component is a button, the generated property configuration interface includes a content editing area, an event editing area, and a style editing area; the parameters included in the content editing area include type and text content; the parameters included in the event editing area include trigger mode, interaction function, type, and link address; the parameters included in the style editing area include text style and button text; wherein, when the target component is a picture, the generated property configuration interface includes a content editing area, the parameters included in the content editing area include type and picture, and when editing picture parameters, two methods of local upload and online picture are provided.
[0066] In some embodiments, the apparatus comprises:
[0067] The preview module is used to send and display the effect of the constructed rich text message through the enterprise collaboration communication tool according to the received push preview instruction.
[0068] In some embodiments, the export module 1003 generates a JSON file from the constructed rich text message according to the received export instruction and downloads it to a designated storage location, including: generating a JSON file from the constructed rich text message according to the received export instruction; verifying the generated JSON file, and prompting the user to correct the identified errors through an interface; and downloading the verified JSON file to a designated storage location.
[0069] The present application provides a visual rich text message JSON file generation device, which generates a visual editing interface through a generation module according to a received rich text message construction instruction; the visual editing interface includes a canvas and a template library and a property configuration interface set on both sides of the canvas; the template library includes a template component storing several commonly used components; the construction module selects a target component from several commonly used components according to the received module component selection instruction, and adds it to the canvas by dragging and dropping; and according to the received target component configuration instruction, the corresponding target component is edited in the property configuration interface to obtain a constructed rich text message; the export module generates a JSON file from the constructed rich text message according to the received export instruction and downloads it to a specified storage location. Thus, the intuitive operation of dragging and dropping is combined with the JSON file generation technology, so that non-programming users can quickly generate complex rich text JSON files through simple operations.
[0070] Based on the same concept of the present invention, the specification is attached Fig.11 As shown, the structure of an electronic device 1100 provided in an embodiment of the present application includes: at least one processor 1101, at least one network interface 1104 or other user interface 1103, a memory 1105, and at least one communication bus 1102. The communication bus 1102 is used to realize the connection and communication between these components. The electronic device 1100 optionally includes a user interface 1103, including a display (for example, a touch screen, LCD, CRT, holographic imaging (Holographic) or projection (Projector), etc.), a keyboard or a pointing device (for example, a mouse, a trackball (trackball), a touch pad or a touch screen, etc.).
[0071] The memory 1105 may include a read-only memory and a random access memory, and provides instructions and data to the processor 1101. A portion of the memory 1105 may also include a non-volatile random access memory (NVRAM).
[0072] In some embodiments, the memory 1105 stores the following elements, which may be protected modules or data structures, or a subset thereof, or an extended set thereof:
[0073] Operating system 11051, including various system programs for implementing various basic services and processing hardware-based tasks;
[0074] The application module 11052 includes various application programs, such as a launcher, a media player, a browser, etc., which are used to implement various application services.
[0075] In an embodiment of the present application, by calling the program or instructions stored in the memory 1105, the processor 1101 is used to execute steps in a method for generating a visual rich text message JSON file, which can combine the intuitive operation of dragging and dropping with the JSON file generation technology, so that complex rich text JSON files can be quickly generated through simple operations.
[0076] The present application also provides a computer-readable storage medium having a computer program stored thereon. When the computer program is executed by a processor, the steps in the method for generating a visual rich text message JSON file are executed.
[0077] Specifically, the storage medium can be a general storage medium, such as a mobile disk, a hard disk, etc. When the computer program on the storage medium is run, the above-mentioned visual rich text message JSON file generation method can be executed.
[0078] In the embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. The device embodiments described above are merely schematic. For example, the division of units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some communication interfaces, and the indirect coupling or communication connection of devices or units can be electrical, mechanical or other forms.
[0079] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
[0080] In addition, each functional unit in the embodiments provided in the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.
[0081] If the function is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art or the part of the technical solution, can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the various embodiments of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), disk or optical disk, and other media that can store program codes.
[0082] Finally, it should be noted that the above embodiments are only specific implementation methods of the present application, which are used to illustrate the technical solutions of the present application, rather than to limit them. The protection scope of the present application is not limited thereto. Although the present application is described in detail with reference to the aforementioned embodiments, ordinary technicians in the field should understand that any technician familiar with the technical field can still modify the technical solutions recorded in the aforementioned embodiments within the technical scope disclosed in the present application, or can easily think of changes, or make equivalent replacements for some of the technical features therein; and these modifications, changes or replacements do not make the essence of the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present application. They should all be included in the protection scope of the present application. Therefore, the protection scope of the present application shall be based on the protection scope of the claims.
Claims
1. A method for generating a visual rich text message JSON file, characterized in that: The method comprises the following steps: Generate a visual editing interface according to the received rich text message construction instruction; the visual editing interface includes a canvas and a template library and a property configuration interface arranged on both sides of the canvas; the template library includes a template component storing a number of commonly used components; According to the received module component selection instruction, a target component is selected from several commonly used components, and is added to the canvas by dragging and dropping; and according to the received target component configuration instruction, the properties of the corresponding target component are edited in the property configuration interface to obtain a constructed rich text message; According to the received export instruction, the constructed rich text message is generated into a JSON file and downloaded to the specified storage location.
2. A method for generating a visual rich text message JSON file according to claim 1, characterized in that: The template library also includes a plurality of history components whose properties have been edited; the method further includes the following steps: According to the received historical component selection instruction, a target component is selected from a number of historical components, and is added to the canvas by dragging and dropping.
3. A method for generating a visual rich text message JSON file according to claim 2, characterized in that: The step of editing the properties of the corresponding target component in the property configuration interface according to the received target component configuration instruction comprises the following steps: Generate different property configuration interfaces for different target components; wherein the property configuration interface includes at least one of a content editing area, an event editing area, and a style editing area; According to the received target component configuration instruction, corresponding property editing is performed on the selected target component in the content editing area, the event editing area or the style editing area.
4. A method for generating a visual rich text message JSON file according to claim 3, characterized in that: The module components include buttons, pictures, and texts; wherein, when the target component is a button, the generated property configuration interface includes a content editing area, an event editing area, and a style editing area; the parameters included in the content editing area include type and text content; the parameters included in the event editing area include trigger mode, interaction function, type, and link address; the parameters included in the style editing area include text style and button text.
5. A method for generating a visual rich text message JSON file according to claim 4, characterized in that: in, When the target component is a picture, the generated property configuration interface includes a content editing area. The parameters included in the content editing area include type and picture. When editing the picture parameters, two modes of local upload and online picture are provided.
6. A method for generating a visual rich text message JSON file according to claim 5, characterized in that: After the constructed rich text message is obtained, the following steps are also included: According to the received push preview instruction, the effect of the constructed rich text message is sent and displayed through the enterprise collaboration communication tool.
7. A method for generating a visual rich text message JSON file according to claim 6, characterized in that: The step of generating a JSON file from the constructed rich text message according to the received export instruction and downloading the file to a specified storage location includes the following steps: Generate a JSON file from the constructed rich text message according to the received export instruction; Verify the generated JSON file and prompt the user to correct the identified errors through the interface; Download the verified JSON file to the specified storage location.
8. A visual rich text message JSON file generation device, characterized in that: The device comprises: A generation module, configured to construct instructions according to the received rich text message and generate a visual editing interface; the visual editing interface includes a canvas and a template library and a property configuration interface arranged on both sides of the canvas; the template library includes a template component storing a number of commonly used components; A construction module is used to select a target component from several commonly used components according to the received module component selection instruction, and add it to the canvas by dragging and dropping; and according to the received target component configuration instruction, edit the properties of the corresponding target component in the property configuration interface to obtain a constructed rich text message; The export module is used to generate a JSON file from the constructed rich text message according to the received export instruction and download it to a specified storage location.
9. An electronic device, characterized in that: include: A processor, a memory and a bus, wherein the memory stores machine-readable instructions executable by the processor, and when the electronic device is running, the processor and the memory communicate via the bus, and when the machine-readable instructions are executed by the processor, the steps of the method for generating a visual rich text message JSON file as described in any one of claims 1 to 7 are performed.
10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, which, when executed by a processor, executes the steps of the method for generating a visual rich text message JSON file as described in any one of claims 1 to 7.