CN112965713B - Development method, device, equipment and storage medium of visual editor - Google Patents
Development method, device, equipment and storage medium of visual editor Download PDFInfo
- Publication number
- CN112965713B CN112965713B CN202110371913.4A CN202110371913A CN112965713B CN 112965713 B CN112965713 B CN 112965713B CN 202110371913 A CN202110371913 A CN 202110371913A CN 112965713 B CN112965713 B CN 112965713B
- Authority
- CN
- China
- Prior art keywords
- custom
- object instance
- editor
- shared object
- creating
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 230000000007 visual effect Effects 0.000 title claims abstract description 88
- 238000000034 method Methods 0.000 title claims abstract description 47
- 238000011161 development Methods 0.000 title claims abstract description 24
- 230000006870 function Effects 0.000 claims description 65
- 238000012545 processing Methods 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 9
- 238000004806 packaging method and process Methods 0.000 claims description 4
- 238000009877 rendering Methods 0.000 claims description 4
- 238000010586 diagram Methods 0.000 description 8
- 238000004891 communication Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 5
- 239000008186 active pharmaceutical agent Substances 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/31—Programming languages or programming paradigms
- G06F8/315—Object-oriented languages
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/448—Execution paradigms, e.g. implementations of programming paradigms
- G06F9/4488—Object-oriented
- G06F9/449—Object-oriented method invocation or resolution
Abstract
The embodiment of the disclosure discloses a development method, a device, equipment and a storage medium of a visual editor. Comprising the following steps: creating a visual editor item; creating a shared object instance based on the visual editor project; creating a custom plug-in and configuring the custom plug-in on the shared object instance; developing a custom editor module according to the shared object instance; and assembling the custom editor module and the universal editor module to obtain the visual editor. According to the development method of the visual editor, the custom editor module is developed according to the shared object instance configured with the custom plug-in, the custom editor module and the universal editor module are assembled to obtain the visual editor, development of the personalized visual editor can be achieved, and therefore the developed visual editor not only can meet personalized business requirements, but also is high in multiplexing degree and strong in expansion capacity.
Description
Technical Field
The embodiment of the disclosure relates to the technical field of computers, in particular to a development method, a device, equipment and a storage medium of a visual editor.
Background
Existing visual editors are classified into general editors and business customization editors. However, the general editor cannot meet specific business scenarios, while the business customization editor can meet personalized business requirements, but has low multiplexing degree and poor expansion capability.
Disclosure of Invention
The embodiment of the disclosure provides a development method, a device, equipment and a storage medium of a visual editor, which can realize the development of the personalized visual editor, so that the developed visual editor not only can meet the requirements of personalized services, but also has high multiplexing degree and strong expansion capability.
In a first aspect, an embodiment of the present disclosure provides a method for developing a visual editor, including:
Creating a visual editor item;
Creating a shared object instance based on the visual editor project;
creating a custom plug-in and configuring the custom plug-in on the shared object instance;
developing a custom editor module according to the shared object instance;
And assembling the custom editor module and the universal editor module to obtain the visual editor.
In a second aspect, an embodiment of the present disclosure further provides a development apparatus of a visual editor, including:
The visual editor project creation module is used for creating a visual editor project;
A shared object instance creation module for creating a shared object instance based on the visual editor item;
the custom plug-in creation module is used for creating a custom plug-in and configuring the custom plug-in on the shared object instance;
The custom editor module development module is used for developing a custom editor module according to the shared object instance;
and the visual editor acquisition module is used for assembling the custom editor module and the universal editor module to obtain the visual editor.
In a third aspect, embodiments of the present disclosure further provide an electronic device, including:
One or more processing devices;
A storage means for storing one or more programs;
The one or more programs, when executed by the one or more processing devices, cause the one or more processing devices to implement a method of developing a visual editor as described in embodiments of the present disclosure.
In a fourth aspect, the embodiments of the present disclosure further provide a computer readable medium having stored thereon a computer program which, when executed by a processing device, implements a method of developing a visual editor as described in the embodiments of the present disclosure.
The embodiment of the disclosure discloses a development method, a device, equipment and a storage medium of a visual editor. Creating a visual editor item; creating a shared object instance based on the visual editor project; creating a custom plug-in and configuring the custom plug-in on a shared object instance; developing a custom editor module according to the shared object instance; and assembling the custom editor module and the universal editor module to obtain the visual editor. According to the development method of the visual editor, the custom editor module is developed according to the shared object instance configured with the custom plug-in, the custom editor module and the universal editor module are assembled to obtain the visual editor, development of the personalized visual editor can be achieved, and therefore the developed visual editor not only can meet personalized business requirements, but also is high in multiplexing degree and strong in expansion capacity.
Drawings
FIG. 1 is a flow chart of a method of developing a visual editor in an embodiment of the disclosure;
FIG. 2 is a schematic diagram of a development device of a visual editor in an embodiment of the disclosure;
fig. 3 is a schematic structural diagram of an electronic device in an embodiment of the disclosure.
Detailed Description
Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure have been shown in the accompanying drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustration purposes only and are not intended to limit the scope of the present disclosure.
It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order and/or performed in parallel. Furthermore, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.
The term "including" and variations thereof as used herein are intended to be open-ended, i.e., including, but not limited to. The term "based on" is based at least in part on. The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments. Related definitions of other terms will be given in the description below.
It should be noted that the terms "first," "second," and the like in this disclosure are merely used to distinguish between different devices, modules, or units and are not used to define an order or interdependence of functions performed by the devices, modules, or units.
It should be noted that references to "one", "a plurality" and "a plurality" in this disclosure are intended to be illustrative rather than limiting, and those of ordinary skill in the art will appreciate that "one or more" is intended to be understood as "one or more" unless the context clearly indicates otherwise.
The names of messages or information interacted between the various devices in the embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.
Fig. 1 is a flowchart of a method for developing a visual editor according to an embodiment of the disclosure, where the method may be applicable to a development situation of a visual editor, and the method may be performed by a development device of the visual editor, where the device may be composed of hardware and/or software and may be generally integrated in a device having a development function of the visual editor, where the device may be an electronic device such as a server, a mobile terminal, or a server cluster. As shown in fig. 1, the method specifically includes the following steps:
at step 110, a visual editor project is created.
Wherein the step of creating a visual editor item may comprise: defining the name of the visual editor item, the running environment of the configuration item, the storage path of the configuration item, etc.
Step 120, create a shared object instance based on the visualization editor project.
Wherein the shared object instance may comprise a plurality of functional components. Functional components in the shared object instance can be edited, multiplexed, and expanded. By way of example, a shared object instance may be characterized by an Editor instance.
Specifically, the manner of creating the shared object instance based on the visual editor project may be: adding a core function software tool package in the visual editor project; a shared object instance is created based on the core functionality software toolkit.
Wherein the core functionality software toolkit (shazam-core sdk) may provide an application program interface (Application Programming Interface, API) of core functionality required to visualize editor items. In this embodiment, a developer assembles various functional components through APIs provided by the core functional software toolkit to obtain a shared object instance.
Step 130, creating a custom plug-in, and configuring the custom plug-in on the shared object instance.
The custom plug-in is used for providing custom method functions, and editing of the functional components in the shared object instance is achieved by calling the method functions.
Specifically, the manner of creating the custom plug-in may be: creating custom attributes and custom functions; the custom plug-in is composed of custom attributes and custom functions.
Wherein an attribute may be understood as an identification of the plug-in and a function may be understood as a function that the plug-in can implement.
Illustratively, the following program code is the process of creating custom plug-ins:
In the above example, customProp is a custom attribute and customFunc is a custom function.
Specifically, the manner of configuring the custom plug-in on the shared object instance may be: if the custom function does not belong to the shared object instance, creating the custom attribute and the custom function under the name of the shared object instance; if the custom function belongs to the shared object instance, the corresponding function in the shared object instance is rewritten according to the custom function.
In this embodiment, the function of the custom plug-in is to implement editing of the functional components in the shared object instance by calling the method functions in the plug-in. Therefore, the method needs to be configured in the shared object instance to call the method function in the plug-in when the function component is edited.
For the case where the custom function does not belong to the shared object instance, as shown in the above example, the attribute customProp is defined under the name Editor of the shared object instance by using the manner of Editor.
For the custom function belonging to the shared object instance, the function corresponding to the custom function in the shared object instance can be directly rewritten. Illustratively, the following program code is an example of a overwrite method function:
In the above embodiment, the method function onChange () is an original function in the shared object instance, and is not required to be redefined, and only needs to be rewritten.
And 140, developing a custom editor module according to the shared object instance.
The custom editor module can provide custom functions, so that specific business scenes can be met. In this embodiment, the manner of developing the custom editor module according to the shared object instance may be: and packaging the shared object instance configured with the custom plug-in to obtain a custom editor module.
Specifically, the shared object instance is packaged as a module, exposing an interface through which functional components and method functions in the shared object instance can be invoked.
And 150, assembling the custom editor module and the universal editor module to obtain the visual editor.
Wherein a generic editor module can be understood as an existing editor module. The custom editor module and the general editor module are assembled together, so that the functions of the original editor are reserved, the custom functions are newly added, the personalized business requirements can be met, the multiplexing degree is high, and the expansion capability is strong.
Wherein the shared object instance may comprise a plurality of functional components. After obtaining the visual editor, the method further comprises the following steps: selecting a set number of functional components from the shared object instance to form a component tree; and calling a custom plug-in to edit each component in the component tree, and rendering the edited component tree to obtain a target page.
Wherein the component tree may be presented in a canvas. Invoking a custom plug-in to perform at least one corresponding operation on each component in the component tree: selecting a component, deselecting the component, judging whether the component is selected, acquiring the selected component, inserting the component according to the position information, updating the component in the component tree and removing the component in the component tree.
Illustratively, the following program code is an example of invoking the functional components and method functions in the shared object instance:
According to the technical scheme, a visual editor project is created; creating a shared object instance based on the visual editor project; creating a custom plug-in and configuring the custom plug-in on a shared object instance; developing a custom editor module according to the shared object instance; and assembling the custom editor module and the universal editor module to obtain the visual editor. According to the development method of the visual editor, the custom editor module is developed according to the shared object instance configured with the custom plug-in, the custom editor module and the universal editor module are assembled to obtain the visual editor, development of the personalized visual editor can be achieved, and therefore the developed visual editor not only can meet personalized business requirements, but also is high in multiplexing degree and strong in expansion capacity.
Fig. 2 is a schematic structural diagram of a development device of a visual editor according to an embodiment of the disclosure. As shown in fig. 2, the apparatus includes:
A visual editor project creation module 210 for creating a visual editor project;
A shared object instance creation module 220 for creating a shared object instance based on the visual editor project;
The custom plug-in creation module 230 creates custom plug-ins and configures the custom plug-ins on the shared object instance;
a custom editor module development module 240 for developing a custom editor module based on the shared object instance;
The visual editor obtaining module 250 is configured to assemble the custom editor module and the generic editor module to obtain a visual editor.
Optionally, the shared object instance creation module 220 is further configured to:
adding a core function software tool package in the visual editor project;
A shared object instance is created based on the core functionality software toolkit.
Optionally, the custom plug-in creation module 230 is further configured to:
Creating custom attributes and custom functions;
The custom plug-in is composed of custom attributes and custom functions.
Optionally, the custom plug-in creation module 230 is further configured to:
if the custom function does not belong to the shared object instance, creating the custom attribute and the custom function under the name of the shared object instance;
if the custom function belongs to the shared object instance, the corresponding function in the shared object instance is rewritten according to the custom function.
Optionally, the custom editor module development module 240 is further configured to:
And packaging the shared object instance configured with the custom plug-in to obtain the custom editor module.
Optionally, the method further comprises: a target page editing module, configured to:
Selecting a set number of functional components from the shared object instance to form a component tree;
Calling a custom plug-in to edit each component in the component tree;
Rendering the edited assembly tree to obtain a target page.
Optionally, invoking the custom plug-in to perform at least one corresponding operation on each component in the component tree:
Selecting a component, deselecting the component, judging whether the component is selected, acquiring the selected component, inserting the component according to the position information, updating the component in the component tree and removing the component in the component tree.
The device can execute the method provided by all the embodiments of the disclosure, and has the corresponding functional modules and beneficial effects of executing the method. Technical details not described in detail in this embodiment can be found in the methods provided by all of the foregoing embodiments of the present disclosure.
Referring now to fig. 3, a schematic diagram of an electronic device 300 suitable for use in implementing embodiments of the present disclosure is shown. The electronic devices in the embodiments of the present disclosure may include, but are not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), car terminals (e.g., car navigation terminals), etc., as well as fixed terminals such as digital TVs, desktop computers, etc., or various forms of servers such as stand-alone servers or server clusters. The electronic device shown in fig. 3 is merely an example and should not be construed to limit the functionality and scope of use of the disclosed embodiments.
As shown in fig. 3, the electronic device 300 may include a processing means (e.g., a central processing unit, a graphics processor, etc.) 301 that may perform various suitable actions and processes in accordance with programs stored in a read-only memory (ROM) 302 or programs loaded from a storage 305 into a Random Access Memory (RAM) 303. In the RAM 303, various programs and data required for the operation of the electronic apparatus 300 are also stored. The processing device 301, the ROM 302, and the RAM 303 are connected to each other via a bus 304. An input/output (I/O) interface 305 is also connected to bus 304.
In general, the following devices may be connected to the I/O interface 305: input devices 306 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 307 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 308 including, for example, magnetic tape, hard disk, etc.; and communication means 309. The communication means 309 may allow the electronic device 300 to communicate with other devices wirelessly or by wire to exchange data. While fig. 3 shows an electronic device 300 having various means, it is to be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may be implemented or provided instead.
In particular, according to embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program containing program code for performing a recommended method of words. In such an embodiment, the computer program may be downloaded and installed from a network via communication means 309, or installed from storage means 305, or installed from ROM 302. The above-described functions defined in the methods of the embodiments of the present disclosure are performed when the computer program is executed by the processing means 301.
It should be noted that the computer readable medium described in the present disclosure may be a computer readable signal medium or a computer readable storage medium, or any combination of the two. The computer readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples of the computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this disclosure, a computer-readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In the present disclosure, however, the computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, with the computer-readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, fiber optic cables, RF (radio frequency), and the like, or any suitable combination of the foregoing.
In some embodiments, the clients, servers may communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol ), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the internet (e.g., the internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed networks.
The computer readable medium may be contained in the electronic device; or may exist alone without being incorporated into the electronic device.
The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: creating a visual editor item; creating a shared object instance based on the visual editor project; creating a custom plug-in and configuring the custom plug-in on the shared object instance; developing a custom editor module according to the shared object instance; and assembling the custom editor module and the universal editor module to obtain the visual editor.
Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, including, but not limited to, an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (for example, through the Internet using an Internet service provider).
The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The units involved in the embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. Wherein the names of the units do not constitute a limitation of the units themselves in some cases.
The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: a Field Programmable Gate Array (FPGA), an Application Specific Integrated Circuit (ASIC), an Application Specific Standard Product (ASSP), a system on a chip (SOC), a Complex Programmable Logic Device (CPLD), and the like.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
According to one or more embodiments of the present disclosure, the embodiments of the present disclosure disclose a method for developing a visual editor, comprising:
Creating a visual editor item;
Creating a shared object instance based on the visual editor project;
creating a custom plug-in and configuring the custom plug-in on the shared object instance;
developing a custom editor module according to the shared object instance;
And assembling the custom editor module and the universal editor module to obtain the visual editor.
Further, creating a shared object instance based on the visual editor project includes:
adding a core function software tool package in the visual editor project;
a shared object instance is created based on the core functionality software toolkit.
Further, creating a custom plug-in includes:
Creating custom attributes and custom functions;
And forming a custom plug-in by the custom attribute and the custom function.
Further, configuring the custom plug-in on the shared object instance includes:
If the custom function does not belong to the shared object instance, the custom attribute and the custom function are created under the name of the shared object instance;
and if the custom function belongs to the shared object instance, rewriting a corresponding function in the shared object instance according to the custom function.
Further, developing a custom editor module according to the shared object instance, including:
and packaging the shared object instance configured with the custom plug-in to obtain a custom editor module.
Further, the shared object instance includes a plurality of functional components, and after obtaining the visual editor, further includes:
selecting a set number of functional components from the shared object instance to form a component tree;
Calling the custom plug-in to edit each component in the component tree;
and rendering the edited assembly tree to obtain a target page.
Further, invoking the custom plug-in to perform at least one corresponding operation on each component in the component tree:
Selecting a component, deselecting a component, judging whether the component is selected, acquiring the selected component, inserting the component according to the position information, updating the component in the component tree and removing the component in the component tree.
Note that the above is only a preferred embodiment of the present disclosure and the technical principle applied. Those skilled in the art will appreciate that the present disclosure is not limited to the specific embodiments described herein, and that various obvious changes, rearrangements and substitutions can be made by those skilled in the art without departing from the scope of the disclosure. Therefore, while the present disclosure has been described in connection with the above embodiments, the present disclosure is not limited to the above embodiments, but may include many other equivalent embodiments without departing from the spirit of the present disclosure, the scope of which is determined by the scope of the appended claims.
Claims (8)
1. A method of developing a visual editor comprising:
Creating a visual editor item;
Creating a shared object instance based on the visual editor project;
creating a custom plug-in and configuring the custom plug-in on the shared object instance;
developing a custom editor module according to the shared object instance;
Assembling the custom editor module and the universal editor module to obtain a visual editor;
the creating a shared object instance based on the visual editor project includes:
adding a core function software tool package in the visual editor project;
creating a shared object instance based on the core function software toolkit;
The creating a custom plug-in includes:
Creating custom attributes and custom functions;
And forming a custom plug-in by the custom attribute and the custom function.
2. The method of claim 1, wherein configuring the custom plug-in on the shared object instance comprises:
If the custom function does not belong to the shared object instance, the custom attribute and the custom function are created under the name of the shared object instance;
and if the custom function belongs to the shared object instance, rewriting a corresponding function in the shared object instance according to the custom function.
3. The method of claim 1, wherein developing a custom editor module from the shared object instance comprises:
and packaging the shared object instance configured with the custom plug-in to obtain a custom editor module.
4. The method of claim 3, wherein the shared object instance comprises a plurality of functional components, and further comprising, after obtaining the visual editor:
selecting a set number of functional components from the shared object instance to form a component tree;
Calling the custom plug-in to edit each component in the component tree;
and rendering the edited assembly tree to obtain a target page.
5. The method of claim 4, wherein invoking the custom plug-in performs at least one corresponding operation on each component in the component tree:
Selecting a component, deselecting a component, judging whether the component is selected, acquiring the selected component, inserting the component according to the position information, updating the component in the component tree and removing the component in the component tree.
6. A visual editor development apparatus comprising:
The visual editor project creation module is used for creating a visual editor project;
A shared object instance creation module for creating a shared object instance based on the visual editor item;
the custom plug-in creation module is used for creating a custom plug-in and configuring the custom plug-in on the shared object instance;
The custom editor module development module is used for developing a custom editor module according to the shared object instance;
the visual editor acquisition module is used for assembling the custom editor module and the universal editor module to obtain a visual editor;
The shared object instance creation module is further configured to:
adding a core function software tool package in the visual editor project;
Creating a shared object instance based on the core function software toolkit;
The custom plug-in creation module is further configured to:
Creating custom attributes and custom functions;
The custom plug-in is composed of custom attributes and custom functions.
7. An electronic device, the electronic device comprising:
One or more processing devices;
A storage means for storing one or more programs;
When the one or more programs are executed by the one or more processing devices, the one or more processing devices are caused to implement the method of developing a visual editor as claimed in any one of claims 1 to 5.
8. A computer readable medium, on which a computer program is stored, characterized in that the program, when being executed by a processing device, implements a method of developing a visual editor as claimed in any one of claims 1-5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110371913.4A CN112965713B (en) | 2021-04-07 | 2021-04-07 | Development method, device, equipment and storage medium of visual editor |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110371913.4A CN112965713B (en) | 2021-04-07 | 2021-04-07 | Development method, device, equipment and storage medium of visual editor |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112965713A CN112965713A (en) | 2021-06-15 |
| CN112965713B true CN112965713B (en) | 2024-04-23 |
Family
ID=76280015
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110371913.4A Active CN112965713B (en) | 2021-04-07 | 2021-04-07 | Development method, device, equipment and storage medium of visual editor |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112965713B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116048482B (en) * | 2023-01-17 | 2023-09-19 | 成都曾自科技有限公司 | API-based automatic editor function expansion method, device and storage medium |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101276275A (en) * | 2008-04-22 | 2008-10-01 | 罗笑南 | Software development visualizing editing method aiming at set top box |
| CN112099792A (en) * | 2020-09-18 | 2020-12-18 | 上海逸动医学科技有限公司 | Visual UI style design method and system |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030023641A1 (en) * | 2001-07-27 | 2003-01-30 | Gorman William Phillip | Web page authoring tool |
-
2021
- 2021-04-07 CN CN202110371913.4A patent/CN112965713B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101276275A (en) * | 2008-04-22 | 2008-10-01 | 罗笑南 | Software development visualizing editing method aiming at set top box |
| CN112099792A (en) * | 2020-09-18 | 2020-12-18 | 上海逸动医学科技有限公司 | Visual UI style design method and system |
Non-Patent Citations (2)
| Title |
|---|
| Moodle的二次开发与设计;叶海松;季隽;;电化教育研究(第04期);全文 * |
| 基于HTML5的算法动画可视化平台;戴松;许冉;周忠;;系统仿真学报(第10期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112965713A (en) | 2021-06-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110780874B (en) | Method and device for generating information | |
| CN112965761B (en) | Data processing method, system, electronic equipment and storage medium | |
| CN112631590B (en) | Component library generation method, device, electronic equipment and computer readable medium | |
| CN112487331A (en) | Page generation method and device, storage medium and electronic equipment | |
| CN111857720B (en) | User interface state information generation method and device, electronic equipment and medium | |
| CN114035879A (en) | Page theme color changing method and device, electronic equipment and computer readable medium | |
| CN111400068B (en) | Interface control method and device, readable medium and electronic equipment | |
| CN111309304B (en) | Method, device, medium and electronic equipment for generating IDL file | |
| CN110489162B (en) | Method, device, medium and equipment for simplifying installation package SO (storage and retrieval) file | |
| CN113407165B (en) | SDK generation and self-upgrade method, device, readable medium and equipment | |
| CN112965713B (en) | Development method, device, equipment and storage medium of visual editor | |
| CN112416303B (en) | Software development kit hot repair method and device and electronic equipment | |
| CN110704050B (en) | Module initializing method and device, electronic equipment and computer readable storage medium | |
| CN111191225B (en) | Method, device, medium and electronic equipment for switching isolated objects | |
| CN111756953A (en) | Video processing method, device, equipment and computer readable medium | |
| CN111752644A (en) | Interface simulation method, device, equipment and storage medium | |
| CN111240738B (en) | File processing method, device, equipment and medium | |
| CN111753238A (en) | Data mapping method and device and electronic equipment | |
| CN111240657A (en) | Method and device for generating SDK and electronic equipment | |
| CN110619079A (en) | Method and device for pushing information | |
| CN112346728B (en) | Device adaptation method, apparatus, device and computer readable medium | |
| CN112445517B (en) | Inlet file generation method, device, electronic equipment and computer readable medium | |
| CN116560634A (en) | Method, device, equipment and storage medium for generating combined graphic control | |
| CN112688863B (en) | Gateway data processing method and device and electronic equipment | |
| CN111552469B (en) | File processing method and device in application engineering and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |