CN112965713A - Development method, device and equipment of visual editor and storage medium - Google Patents
Development method, device and equipment of visual editor and storage medium Download PDFInfo
- Publication number
- CN112965713A CN112965713A CN202110371913.4A CN202110371913A CN112965713A CN 112965713 A CN112965713 A CN 112965713A CN 202110371913 A CN202110371913 A CN 202110371913A CN 112965713 A CN112965713 A CN 112965713A
- Authority
- CN
- China
- Prior art keywords
- custom
- editor
- shared object
- object instance
- 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.)
- Granted
Links
- 230000000007 visual effect Effects 0.000 title claims abstract description 78
- 238000000034 method Methods 0.000 title claims abstract description 49
- 238000011161 development Methods 0.000 title claims abstract description 36
- 238000012545 processing Methods 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 10
- 238000012800 visualization Methods 0.000 claims description 10
- 238000004806 packaging method and process Methods 0.000 claims description 4
- 238000009877 rendering Methods 0.000 claims description 4
- 230000006870 function Effects 0.000 description 57
- 238000010586 diagram Methods 0.000 description 8
- 238000004891 communication Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 6
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computing Systems (AREA)
- Stored Programmes (AREA)
Abstract
The embodiment of the disclosure discloses a development method, a development device, development equipment and a storage medium of a visual editor. The method comprises the following steps: creating a visual editor project; 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 example configured with the custom plug-in, the custom editor module and the universal editor module are assembled to obtain the visual editor, the development of the personalized visual editor can be realized, and the developed visual editor can meet personalized business requirements and is high in multiplexing degree and expansion capability.
Description
Technical Field
The embodiment of the disclosure relates to the technical field of computers, in particular to a development method, a development device, development equipment and a storage medium of a visual editor.
Background
Existing visual editors are classified into general editors and business customization editors. However, the universal editor cannot meet specific service scenarios, and the service customization editor can meet personalized service requirements, but the multiplexing degree is low and the expansion capability is poor.
Disclosure of Invention
The embodiment of the disclosure provides a development method, a development device, a development apparatus and a storage medium for a visual editor, which can realize the development of a personalized visual editor, so that the developed visual editor can meet personalized business requirements, and has high multiplexing degree and strong expansion capability.
In a first aspect, an embodiment of the present disclosure provides a method for developing a visualization editor, including:
creating a visual editor project;
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 for a visualization editor, including:
the visual editor project creating module is used for creating a visual editor project;
a shared object instance creation module for creating a shared object instance based on the visualization editor project;
the user-defined plug-in creating module is used for creating a user-defined plug-in and configuring the user-defined 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 example;
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, an embodiment of the present disclosure further provides an electronic device, where the electronic device includes:
one or more processing devices;
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 development method of the visual editor according to the embodiment of the disclosure.
In a fourth aspect, the disclosed embodiments also provide a computer readable medium, on which a computer program is stored, where the computer program, when executed by a processing device, implements the development method of the visual editor according to the disclosed embodiments.
The embodiment of the disclosure discloses a development method, a development device, development equipment and a storage medium of a visual editor. Creating a visual editor project; 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 example configured with the custom plug-in, the custom editor module and the universal editor module are assembled to obtain the visual editor, the development of the personalized visual editor can be realized, and the developed visual editor can meet personalized business requirements and is high in multiplexing degree and expansion capability.
Drawings
FIG. 1 is a flow chart of a method of developing a visualization editor in an embodiment of the present disclosure;
fig. 2 is a schematic structural diagram of a development apparatus of a visualization editor in an embodiment of the present disclosure;
fig. 3 is a schematic structural diagram of an electronic device in an embodiment of the present 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 are shown in the 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 rather are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the 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. Moreover, 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 "include" and variations thereof as used herein are 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". Relevant definitions for other terms will be given in the following description.
It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing different devices, modules or units, and are not used for limiting the order or interdependence relationship of the functions performed by the devices, modules or units.
It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.
The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.
Fig. 1 is a flowchart of a development method of a visual editor provided in an embodiment of the present disclosure, where the present embodiment is applicable to a development situation of a visual editor, and the method may be executed by a development apparatus of a visual editor, where the development apparatus may be composed of hardware and/or software, and may be generally integrated in a device having a development function of a 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 project may comprise: and defining the name of the visual editor project, the running environment of the configuration project, the storage path of the configuration project and the like.
Step 120, create a shared object instance based on the visualization editor project.
Wherein, the shared object instance can contain a plurality of functional components. Functional components in the shared object instance can be edited, multiplexed, and expanded. By way of example, the shared object instance may be characterized by an Editor instance.
Specifically, the way of creating the shared object instance based on the visual editor project may be: adding a core function software toolkit in a visual editor project; a shared object instance is created based on the core function software toolkit.
The kernel-core sdk may provide an Application Programming Interface (API) for visualizing the kernel functions required for the editor project. In this embodiment, a developer assembles various functional components through an API provided by the core function 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 user-defined plug-in is used for providing user-defined method functions, and the editing of the functional components in the shared object instance is realized by calling the method functions.
Specifically, the manner of creating the custom plug-in may be: creating a custom attribute and a custom function; and the custom plug-in is composed of custom attributes and custom functions.
Wherein, an attribute may be understood as an identifier 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 a process for creating a custom plug-in:
in the above example, customprep is the custom attribute and customFunc is the custom function.
Specifically, the way to configure the custom plug-in on the shared object instance may be: if the custom function does not belong to the shared object instance, establishing the custom attribute and the custom function under the name of the shared object instance; and if the self-defined function belongs to the shared object instance, rewriting the corresponding function in the shared object instance according to the self-defined function.
In this embodiment, the custom plug-in is used for editing the functional component in the shared object instance by calling the method function in the plug-in. And therefore need to be configured in the shared object instance to call method functions in the plug-in when editing the functional component.
For the case that the custom function does not belong to the shared object instance, as shown in the above example, the attribute customdrop is defined under the name Editor of the shared object instance in a manner of Editor.
For the case that the custom function belongs 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 rewrite method function:
in the above embodiment, the method function onChange () is an original function in the shared object instance, and the function need not be redefined, but only needs to be rewritten.
Step 140, develop custom editor module according to the shared object instance.
The custom editor module can provide custom functions, so that certain specific service scenes are 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, and an interface is exposed, through which functional components and method functions in the shared object instance can be called.
And 150, assembling the custom editor module and the universal editor module to obtain the visual editor.
Wherein the universal editor module can be understood as an existing editor module. The user-defined editor module and the universal editor module are assembled together, so that the functions of the original editor are reserved, the user-defined function is added, the requirements of personalized services can be met, the multiplexing degree is high, and the expansion capability is strong.
Wherein the shared object instance may include 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 the user-defined 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 can be exposed in the canvas. Calling the custom plug-in to execute at least one corresponding operation on each component in the component tree as follows: selecting a component, deselecting the component, determining whether the component is selected, obtaining the selected component, inserting the component according to the location 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 functional components and method functions in a shared object instance:
according to the technical scheme of the embodiment of the disclosure, 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 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 example configured with the custom plug-in, the custom editor module and the universal editor module are assembled to obtain the visual editor, the development of the personalized visual editor can be realized, and the developed visual editor can meet personalized business requirements and is high in multiplexing degree and expansion capability.
Fig. 2 is a schematic structural diagram of a development apparatus of a visualization editor according to an embodiment of the present 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 creating module 230 is used for creating the custom plug-in and configuring the custom plug-in on the shared object instance;
a custom editor module development module 240 for developing a custom editor module based on the shared object instance;
and a visual editor obtaining module 250, configured to assemble the custom editor module and the universal editor module to obtain a visual editor.
Optionally, the shared object instance creating module 220 is further configured to:
adding a core function software toolkit in a visual editor project;
a shared object instance is created based on the core function software toolkit.
Optionally, the custom plug-in creating module 230 is further configured to:
creating a custom attribute and a custom function;
and the custom plug-in is composed of custom attributes and custom functions.
Optionally, the custom plug-in creating module 230 is further configured to:
if the custom function does not belong to the shared object instance, establishing the custom attribute and the custom function under the name of the shared object instance;
and if the self-defined function belongs to the shared object instance, rewriting the corresponding function in the shared object instance according to the self-defined 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 a custom editor module.
Optionally, the method further includes: a target page editing module 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;
and rendering the edited component tree to obtain a target page.
Optionally, the user-defined plug-in is called to perform at least one of the following corresponding operations on each component in the component tree:
selecting a component, deselecting the component, determining whether the component is selected, obtaining the selected component, inserting the component according to the location information, updating the component in the component tree, and removing the component in the component tree.
The device can execute the methods provided by all the embodiments of the disclosure, and has corresponding functional modules and beneficial effects for executing the methods. For technical details that are not described in detail in this embodiment, reference may be made to the methods provided in all the foregoing embodiments of the disclosure.
Referring now to FIG. 3, a block diagram of an electronic device 300 suitable for use in implementing embodiments of the present disclosure is shown. The electronic device in the embodiments of the present disclosure may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), and the like, and a fixed terminal such as a digital TV, a desktop computer, and the like, or various forms of servers such as a stand-alone server or a server cluster. The electronic device shown in fig. 3 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
As shown in fig. 3, electronic device 300 may include a processing means (e.g., central processing unit, graphics processor, etc.) 301 that may perform various appropriate actions and processes in accordance with a program stored in a read-only memory device (ROM)302 or a program loaded from a storage device 305 into a random access memory device (RAM) 303. In the RAM 303, various programs and data necessary 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.
Generally, the following devices may be connected to the I/O interface 305: input devices 306 including, for example, a touch screen, touch pad, 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 devices 308 including, for example, magnetic tape, hard disk, etc.; and a communication device 309. The communication means 309 may allow the electronic device 300 to communicate wirelessly or by wire with other devices to exchange data. While fig. 3 illustrates an electronic device 300 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
In particular, according to an embodiment of the present disclosure, the processes described above with reference to the 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 method for recommending words. In such an embodiment, the computer program may be downloaded and installed from a network through the communication means 309, or installed from the storage means 305, or installed from the ROM 302. The computer program, when executed by the processing device 301, performs the above-described functions defined in the methods of the embodiments of the present disclosure.
It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination 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 present 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 contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. 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, optical cables, RF (radio frequency), etc., 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 interconnect with any form or medium of digital data communication (e.g., a communications 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 network.
The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled 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 project; 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 for the present disclosure may be written in any combination of 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 type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart 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 described in the embodiments of the present disclosure may be implemented by software or hardware. Where the name of an element does not in some cases constitute a limitation on the element itself.
The functions described herein above 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: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), 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. A 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, a method for developing a visualization editor is disclosed, including:
creating a visual editor project;
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 visualization editor project, comprising:
adding a core function software toolkit in the visual editor project;
creating a shared object instance based on the core function software toolkit.
Further, creating a custom plug-in, comprising:
creating a custom attribute and a custom function;
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 self-defined function does not belong to the shared object instance, establishing the self-defined attribute and the self-defined function under the name of the shared object instance;
and if the self-defined function belongs to the shared object instance, rewriting the corresponding function in the shared object instance according to the self-defined function.
Further, developing a custom editor module from the shared object instance, comprising:
and packaging the shared object instance configured with the custom plug-in to obtain a custom editor module.
Further, the shared object instance comprises a plurality of functional components, and after obtaining the visual editor, the method further comprises:
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;
rendering the edited component tree to obtain a target page.
Further, calling the custom plug-in to perform at least one corresponding operation on each component in the component tree as follows:
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.
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present disclosure and the technical principles employed. Those skilled in the art will appreciate that the present disclosure is not limited to the particular embodiments described herein, and that various obvious changes, adaptations, and substitutions are possible, without departing from the scope of the present disclosure. Therefore, although the present disclosure has been described in greater detail with reference to the above embodiments, the present disclosure is not limited to the above embodiments, and may include 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 (10)
1. A method for developing a visual editor, comprising:
creating a visual editor project;
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.
2. The method of claim 1, wherein creating a shared object instance based on the visual editor project comprises:
adding a core function software toolkit in the visual editor project;
creating a shared object instance based on the core function software toolkit.
3. The method of claim 2, wherein creating a custom plug-in comprises:
creating a custom attribute and a custom function;
and forming a custom plug-in by the custom attribute and the custom function.
4. The method of claim 3, wherein deploying the custom plug-in on the shared object instance comprises:
if the self-defined function does not belong to the shared object instance, establishing the self-defined attribute and the self-defined function under the name of the shared object instance;
and if the self-defined function belongs to the shared object instance, rewriting the corresponding function in the shared object instance according to the self-defined function.
5. 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.
6. The method of claim 5, wherein the shared object instance comprises a plurality of functional components, and after obtaining the visual editor, further comprising:
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;
rendering the edited component tree to obtain a target page.
7. The method of claim 6, wherein invoking the custom plug-in performs at least one corresponding operation on each component in the component tree as follows:
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.
8. An apparatus for developing a visual editor, comprising:
the visual editor project creating module is used for creating a visual editor project;
a shared object instance creation module for creating a shared object instance based on the visualization editor project;
the user-defined plug-in creating module is used for creating a user-defined plug-in and configuring the user-defined 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 example;
and the visual editor acquisition module is used for assembling the custom editor module and the universal editor module to obtain the visual editor.
9. An electronic device, characterized in that the electronic device comprises:
one or more processing devices;
storage means for storing one or more programs;
when executed by the one or more processing devices, cause the one or more processing devices to implement the method of development of the visual editor of any of claims 1-7.
10. A computer-readable medium, on which a computer program is stored, which program, when being executed by processing means, carries out a method of developing a visual editor as claimed in any one of the claims 1 to 7.
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 true CN112965713A (en) | 2021-06-15 |
| CN112965713B 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) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114281321A (en) * | 2021-12-10 | 2022-04-05 | 珠海豹趣科技有限公司 | Software development fast editing method and device, electronic equipment and medium |
| CN116048482A (en) * | 2023-01-17 | 2023-05-02 | 成都曾自科技有限公司 | API-based automatic editor function expansion method, device and storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030023641A1 (en) * | 2001-07-27 | 2003-01-30 | Gorman William Phillip | Web page authoring tool |
| 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 |
-
2021
- 2021-04-07 CN CN202110371913.4A patent/CN112965713B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030023641A1 (en) * | 2001-07-27 | 2003-01-30 | Gorman William Phillip | Web page authoring tool |
| 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的二次开发与设计", 电化教育研究, no. 04 * |
| 戴松;许冉;周忠;: "基于HTML5的算法动画可视化平台", 系统仿真学报, no. 10 * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114281321A (en) * | 2021-12-10 | 2022-04-05 | 珠海豹趣科技有限公司 | Software development fast editing method and device, electronic equipment and medium |
| CN116048482A (en) * | 2023-01-17 | 2023-05-02 | 成都曾自科技有限公司 | API-based automatic editor function expansion method, device and storage medium |
| CN116048482B (en) * | 2023-01-17 | 2023-09-19 | 成都曾自科技有限公司 | API-based automatic editor function expansion method, device and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112965713B (en) | 2024-04-23 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109634598B (en) | Page display method, device, equipment and storage medium | |
| CN112286529A (en) | Development method, device and equipment of front-end page and storage medium | |
| CN111581563A (en) | Page response method and device, storage medium and electronic equipment | |
| CN112487331A (en) | Page generation method and device, storage medium and electronic equipment | |
| CN111309304B (en) | Method, device, medium and electronic equipment for generating IDL file | |
| CN112965713B (en) | Development method, device, equipment and storage medium of visual editor | |
| CN113391811A (en) | Function compiling method and device, electronic equipment and computer readable storage medium | |
| CN114035879A (en) | Page theme color changing method and device, electronic equipment and computer readable medium | |
| CN111753238A (en) | Data mapping method and device and electronic equipment | |
| CN110704050B (en) | Module initializing method and device, electronic equipment and computer readable storage medium | |
| CN111400068B (en) | Interface control method and device, readable medium and electronic equipment | |
| CN112631590A (en) | Component library generation method and device, electronic equipment and computer readable medium | |
| CN110489162B (en) | Method, device, medium and equipment for simplifying installation package SO (storage and retrieval) file | |
| CN111191225B (en) | Method, device, medium and electronic equipment for switching isolated objects | |
| CN111756953A (en) | Video processing method, device, equipment and computer readable medium | |
| CN112328841A (en) | Document processing method and device, electronic equipment and storage medium | |
| CN114327453B (en) | Page display method, device, equipment and storage medium | |
| CN113419716A (en) | Code generation method and device, terminal equipment and storage medium | |
| CN111008178A (en) | Data processing method and device, electronic equipment and computer readable storage medium | |
| CN113778566A (en) | Native application calling method and device, electronic equipment and computer readable medium | |
| CN111240657A (en) | Method and device for generating SDK and electronic equipment | |
| CN111221513B (en) | Method, device, medium and electronic equipment for adjusting cascading style sheet | |
| CN113157276B (en) | Layout file conversion method, apparatus, electronic device, and computer-readable medium | |
| CN112346728B (en) | Device adaptation method, apparatus, device and computer readable medium | |
| EP4455861A1 (en) | Method and apparatus for generating combined graphical control, and device and storage medium |
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 |