CN112528203A - Webpage-based online document making method and system - Google Patents
Webpage-based online document making method and system Download PDFInfo
- Publication number
- CN112528203A CN112528203A CN202011511157.2A CN202011511157A CN112528203A CN 112528203 A CN112528203 A CN 112528203A CN 202011511157 A CN202011511157 A CN 202011511157A CN 112528203 A CN112528203 A CN 112528203A
- Authority
- CN
- China
- Prior art keywords
- online document
- information
- online
- editing
- document
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 79
- 230000000694 effects Effects 0.000 claims description 24
- 238000004519 manufacturing process Methods 0.000 claims description 24
- 238000009877 rendering Methods 0.000 claims description 12
- 230000008676 import Effects 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 9
- 230000009191 jumping Effects 0.000 claims description 5
- 238000012544 monitoring process Methods 0.000 claims description 4
- 230000008569 process Effects 0.000 description 14
- 238000004364 calculation method Methods 0.000 description 6
- 238000010586 diagram Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 230000001960 triggered effect Effects 0.000 description 6
- 238000004422 calculation algorithm Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 3
- 238000011161 development Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 238000013500 data storage Methods 0.000 description 2
- 238000012217 deletion Methods 0.000 description 2
- 230000037430 deletion Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000009434 installation Methods 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000000750 progressive effect Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000007704 transition Effects 0.000 description 2
- 230000008094 contradictory effect Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/194—Calculation of difference between files
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Artificial Intelligence (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Architecture (AREA)
- Computer Graphics (AREA)
- Computer Hardware Design (AREA)
- Software Systems (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention relates to the technical field of big data, and provides an online document making method based on a webpage, which comprises the following steps: building an online document editing webpage through an Vue framework; configuring a component loading mode of an online document editing webpage; acquiring operation information of a user on an online document editing webpage, and acquiring a corresponding target component according to the operation information; and executing corresponding operation according to the target component to make the online document. Furthermore, the invention also relates to a blockchain technique, and the operation information can be stored in blockchain nodes. According to the method and the device for editing the document, the online document is manufactured by using the online document editing webpage built by the Vue framework, so that a user does not need to download the document from a cloud or upload the locally edited document to the cloud, the document can be edited, and the user experience and the working efficiency are greatly improved.
Description
Technical Field
The embodiment of the invention relates to the technical field of big data, in particular to a webpage-based online document making method and system.
Background
With the rapid development of the internet, the "cloud concept" gradually enters our lives, for example: the mobile hard disk and the U disk are gradually replaced by the cloud disk. Because the cloud disk is safer and more convenient, office work has also moved to the high in the clouds yet, and a series of office work processes all can all be accomplished in the operation of high in the clouds even, as long as the user possess account number and the password in the high in the clouds, just can visit the high in the clouds and acquire own data in any place, anyone's computer end/mobile end.
The existing method for accessing data through a cloud disk comprises the following steps: when a user needs to acquire data from other equipment terminals, the data needs to be downloaded from the cloud disk, and then the functions of viewing, editing or sharing the data and the like are realized by means of locally installed third-party office tools (such as WPS, PowerPoint and the like); when a user needs to synchronize the data to other equipment terminals, the data needs to be uploaded to the cloud disk. However, if the user side does not have a third-party office tool, the user side cannot view or edit the data, and the user often encounters the problems of software installation and update in the using process. Meanwhile, the data is uploaded and downloaded, so that the manufacturing process and the demonstration process of the data become complicated, the user experience is low, and the working efficiency of the user is reduced.
Therefore, the invention aims to solve the problem of realizing online document making and demonstration under the condition that no third-party office tool is installed locally.
Disclosure of Invention
In view of the above, there is a need to provide a method, a system, a computer device and a readable storage medium for online document making based on web pages, which can solve the problem of implementing online document making and demonstration without installing a third-party office tool locally.
In order to achieve the above object, an embodiment of the present invention provides an online document making method based on a web page, where the method includes:
building an online document editing webpage through an Vue framework;
configuring a component loading mode of the online document editing webpage, wherein the component loading mode comprises an on-demand loading mode;
acquiring operation information of a user on the online document editing webpage, wherein the operation information comprises audio editing information, video editing information, online recording information, screen recording information, countdown setting information, 3D (three-dimensional) demonstration special effect setting information, watermark setting information, material import and export information and/or playing time setting information;
acquiring a corresponding target component according to the operation information;
and executing corresponding operation according to the target component to make an online document.
Optionally, the making an online document according to the operation information, and the executing a corresponding operation according to the target component to make the online document include:
and when the operation information is the 3D demonstration special effect setting information, performing 3D rendering on an operation object corresponding to the operation information according to the installed 3D model component so as to realize the production of the online document 3D special effect.
Optionally, the executing, according to the target component, a corresponding operation to make an online document includes:
when the operation information is screen recording information, acquiring a video stream of the online document editing webpage through a video stream acquisition component;
and storing the video stream through a video stream storage component so as to realize screen recording of the online document editing webpage.
Optionally, the executing, according to the target component, a corresponding operation to make an online document includes:
inquiring a real DOM node of an operation object corresponding to the operation information from all DOM nodes of the online document according to the target component, and compiling the real DOM into a virtual DOM;
acquiring a first virtual DOM in front of the operation information and a second virtual DOM behind the operation information;
comparing the first virtual DOM to the second virtual DOM to obtain a difference between the first virtual DOM and the second virtual DOM;
and applying the difference to the real DOM to update the online document so as to realize the production of the online document.
Optionally, after the performing corresponding operations according to the target component to make an online document, the method further includes:
when the saving operation of the user on the online document is detected, acquiring a plurality of parameters of each page in the online document, wherein each parameter comprises a data name and a data type;
and putting the parameters of each page into a preset array set to obtain a target array set, storing the target array set into a preset database, and uploading the target array set to a block chain.
Optionally, after the performing corresponding operation according to the target component to make an online document, the method includes:
when the demonstration operation of the user on the online document is detected, generating a link corresponding to the online document;
and jumping to a demonstration page of the online document according to the link so as to realize demonstration playing of the online document.
Optionally, the method further comprises:
when the online document is in an editing state, triggering a saveFrom () method, and calculating the watch listening time of Vue;
and when the watch monitoring of the Vue reaches a preset time, triggering the online document to be saved.
In order to achieve the above object, an embodiment of the present invention further provides an online document making system based on a web page, including:
the building module is used for building an online document editing webpage through an Vue framework;
the configuration module is used for configuring the component loading modes of the online document editing webpage, and the component loading modes comprise on-demand loading modes;
the acquisition module is used for acquiring operation information of a user on the online document editing webpage and acquiring a corresponding target component according to the operation information, wherein the operation information comprises audio editing information, video editing information, online recording information, screen recording information, countdown setting information, 3D demonstration special effect setting information, watermark setting information, material import and export information and/or playing time setting information;
and the making module is used for executing corresponding operation according to the target component so as to make the online document.
In order to achieve the above object, the embodiments of the present invention further provide a computer device, a memory of the computer device, a processor, and a computer program stored on the memory and operable on the processor, where the computer program, when executed by the processor, implements the steps of the web-based online document making method as described above.
To achieve the above object, an embodiment of the present invention further provides a computer-readable storage medium, in which a computer program is stored, and the computer program is executable by at least one processor to cause the at least one processor to execute the steps of the web-based online document making method as described above.
According to the online document making method, the system, the computer device and the readable storage medium based on the webpage, which are provided by the embodiment of the invention, the online document editing webpage is set up through an Vue framework, then, the component loading mode of the online document editing webpage is configured, finally, the operation information of a user on the online document editing webpage is obtained, the corresponding target component is obtained according to the operation information, and the corresponding operation is executed according to the target component so as to make the online document. The embodiment of the invention can make the online document according to the operation of the user on the online document editing webpage, so that the user can edit and check the document at any time through different terminals under the condition of not installing a third-party office tool, and the document cannot be lost even if the user terminal is carelessly stolen or lost. Meanwhile, in the embodiment of the invention, the online document is made by using the online document editing webpage built by the Vue framework, so that a user does not need to download the document from a cloud or upload the locally edited document to the cloud, the document can be edited, and the user experience and the working efficiency are greatly improved.
Drawings
FIG. 1 is a diagram of an application environment of a method for web-based online document creation according to an embodiment of the present invention;
FIG. 2 is a flowchart illustrating steps of a method for web-based online document creation according to an embodiment of the present invention;
FIG. 3 is a flowchart illustrating another exemplary step of step S108 of FIG. 2;
FIG. 4 is a flowchart illustrating another exemplary process of a method for web-based online document creation, according to an embodiment of the present invention;
FIG. 5 is a flowchart illustrating another exemplary process of a method for web-based online document creation, according to an embodiment of the present invention;
FIG. 6 is a schematic diagram of the program modules of the online document making system based on web pages according to the embodiment of the present invention;
FIG. 7 is a diagram of a hardware architecture of a computer device according to an embodiment of the present invention.
The implementation, functional features and advantages of the objects of the present invention will be further explained with reference to the accompanying drawings.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, the present invention is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
It should be noted that the description relating to "first", "second", etc. in the present invention is for descriptive purposes only and is not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one such feature. In addition, technical solutions between various embodiments may be combined with each other, but must be realized by a person skilled in the art, and when the technical solutions are contradictory or cannot be realized, such a combination should not be considered to exist, and is not within the protection scope of the present invention.
Referring to fig. 1, a diagram of an application environment of a method for making a web-based online document according to an embodiment of the present invention is shown. Fig. 1 includes a server and clients 1 to n, but may also be a server cluster and clients 1 to n, and in the embodiment of the present invention, only one server is shown and described by taking one server as an example. After a user edits and stores an online document at any one of the clients 1-n, if the user uses any other client, the user can continue online editing or checking the online document on the basis of the online document. The following description will be given taking an example in which a user creates an online document on one of the clients.
Example one
Referring to FIG. 2, a flowchart illustrating steps of a method for web-based online document creation according to an embodiment of the present invention is shown. It is to be understood that the flow charts in the embodiments of the present method are not intended to limit the order in which the steps are performed. It should be noted that the present embodiment is exemplarily described with a computer device as an execution subject, and the computer device may include a mobile terminal such as a mobile phone, a tablet computer, a notebook computer, a palm computer, a Personal Digital Assistant (PDA), a Portable Media Player (PMP), a navigation device, a wearable device, a smart band, a pedometer, and a fixed terminal such as a Digital TV, a desktop computer, and the like. The method specifically comprises the following steps:
step S100: an online document editing web page is constructed through the Vue framework.
Vue is a progressive framework for constructing user Interface, and has the advantages of light weight, simple Application Programming Interface (API), complete document, and simplicity and high power. The online document editing webpage built by utilizing the Vue framework has the advantages of being light in weight, independent of third-party software, free of downloading and installation, and capable of supporting online production, playing and storage. In an embodiment of the present invention, the online document may be a slideshow (PowerPoint, PPT).
It should be noted that, after the online document editing webpage is set up, the users can apply for registration, each user can create a plurality of online documents, and as long as the user can log in to edit and make or demonstrate the online documents at any time and any place in a network scene, no matter at a computer end or a mobile phone end, the user does not need to worry about file loss or forget to bring about. When the online document is in an editing state, the online document is automatically triggered to be saved when the preset time is reached by triggering the saveFrom () method and in the watch monitoring of Vue, so that the document is stored in time.
Step S102: and configuring a component loading mode of the online document editing webpage, wherein the component loading mode comprises an on-demand loading mode.
It should be noted that: the on-demand loading mode is that the corresponding component, namely the packaged js file, is loaded only when the route is accessed, and the on-demand loading of the component is realized by using a acquire () loading component. The existing method includes a non-on-demand loading mode, specifically, a whole route is packaged into a js file, loading of components is realized by loading the js file, and the more components, the larger the js file is, the slower the loading is.
In this embodiment, a mode of loading components on demand is adopted, and the loading mode is configured as a mode of loading on demand, so that the network request pressure of a client is greatly reduced, and the loading efficiency of the components is improved.
In an exemplary embodiment, a plurality Vue of components are also obtained, such as: the Element-ui component, swiper component, Vuedragable-resizable can drag scalable components, animation effects components, and the like. By introducing the components, the attributes, methods and events of the components can be acquired, and the development efficiency of the online editing webpage is greatly improved.
Step S104: and acquiring the operation information of the user on the online document editing webpage.
Specifically, the operation information of the user in the slide may be a new slide, editing of background color, editing of background picture, text editing, picture editing, audio and video editing, and the like. And uploading/displaying corresponding information at a corresponding position of the online document according to the operation information of the user. Illustratively, when receiving audio editing operation information of a user, uploading corresponding audio to the online document according to the audio editing operation information.
Step S106: and acquiring the corresponding target assembly according to the operation information.
Step S108: and executing corresponding operation according to the target component so as to make the online document.
Specifically, when the user needs to adjust the edited content, the corresponding component is called to implement the adjustment. For example: when the fact that the user adjusts the size of the picture is detected, the picture is zoomed by calling the corresponding Vuedragable-resizable draggable component. In an exemplary embodiment, the method further uploads the operation information into a blockchain to ensure its security and fair transparency.
Illustratively, the making of the online document may include the following: editing the new slide: the initial slide is a blank page and the left page button can be clicked, where the page buttons include: background color, background picture, text, picture, audio, video, etc. Background color editing: clicking the background color button can select the background color of the current page. Background picture editing: and clicking a background picture button to upload a picture, wherein the picture can fill the whole blank canvas and cover the background color, and the previous background picture can be covered by uploading again. And (3) text editing: when a text button is clicked, a text box appears on a blank page on the right side, animation can be set for the text box, the text box can also be deleted, the size of the text box can be enlarged or reduced, the position can be dragged, and a plurality of text boxes can be set on the current page. Editing the picture: clicking the picture button can pop up a popup window for uploading pictures, after uploading is successful, the pictures can be displayed on the blank canvas, the size and the position of the pictures can be pulled, the pictures can be deleted, and a plurality of pictures can be uploaded and displayed on the current page. Audio editing: clicking the audio button can upload the audio, and then when entering the current page, the audio can be automatically played once. Video editing: and the video can be uploaded by clicking an audio button, the size and the position of the video display can be adjusted, and then the video can be clicked and played when entering the current page.
In an exemplary embodiment, the operation information may also be online recording, screen recording, countdown setting, 3D presentation special effect setting, watermark setting, import and export of material, and play time setting.
Illustratively, online recording is realized by installing a component npmi js-audio-Recorder and introducing an import Recorder from 'js-audio-Recorder' component at a place where recording is needed according to user requirements.
Illustratively, the screen recording function is implemented by using a video stream acquisition component and a video stream storage component, e.g., getDisplayMedia component + MediaRecorder component, to acquire and store a video stream. The getDisplayMedia component allows to obtain the user's display or a part thereof in the form of a video stream, by means of which a promise object is returned, a successful return stream is invoked, which stream is assigned to the video element enabling a video-while-recording of the video stream. During screen recording, the video stream acquired by the getDisplayMedia is stored by the MediaRecorder component, and the video stream can be saved as a corresponding video file. When the recorded screen needs to be played, the video file can be directly played, namely the screen recorded playing is realized.
In actual operation, a user clicks a screen recording button to record screen video. Through the video recording of 'voice + slide' explanation in the whole process, all the operation processes of a user are demonstrated through vivid and visual videos, and the method is suitable for various scenes such as course explanation, operation demonstration and the like. And finally, recording the video, and generating a url link for sharing the slide video, namely an online video address.
In an exemplary embodiment, a 3D model component is installed, and 3D rendering is performed on an operation object corresponding to the operation information, so as to implement making of the 3D special effect of the online document. The 3D model component can be an npm install vue-3D-model-save component, and an import { ModelObj } from 'vue-3D-model' component is introduced to realize a 3D demonstration special effect. Through the method, the traditional PPT switching mode is broken through, the movie video transition special effect is simulated, the vivid and cool 3D lens zooming, rotating and translating special effects are added, the presentation of the slide is played like a 3D movie, and the background music is added, so that the shocking visual and auditory impact is brought to the audience.
Vue, to achieve the addition of a corresponding watermark per page. For example, enterprise logos and watermarks are arranged in the slides, which is beneficial to highlighting enterprise brand effects and protecting personal knowledge labor results. In the setting of the enterprise logo (logo), the size, the position, the transparency and the like of the enterprise logo or the watermark can be customized. The mark is defaulted at the upper left corner of the slide, the watermark is defaulted to be obliquely displayed and displayed on a page, and the number of the rows and the columns of the watermark can also be set by self definition.
In an exemplary embodiment, the online document making method based on the webpage further obtains pictures, videos, animations and audios uploaded by the user, and stores the pictures, videos, animations and audios into corresponding material libraries. Of course, the above-mentioned material may also be deleted according to a deletion operation by the user.
In an exemplary embodiment, the time of the current page slideshow is set by customization, e.g., 5 seconds, 10 seconds, etc., or according to the time of the current page audio narration. In the playing process, when the set playing time is reached, the automatic playing of the document is realized by a setInterval method, and the components are more flexible by a way that a parent component transmits the automatic playing interval time. inv is Number-type props. The clearInv method is triggered when the mouse moves in and the runInv method is triggered when the mouse moves out. By defining the method, when the goto method receives a parameter index, it can jump to the specified number of pages. When clicking a previous page and a next page, two variables, namely nextIndex and prevIndex, are defined in the calculation attribute to reduce the calculation complexity and increase the calculation speed.
In an exemplary embodiment, as shown in fig. 3, the step S108 may include steps S300 to S306.
Step S300: inquiring a real Document Object Model (DOM) node of an operation Object corresponding to the operation information from DOM nodes of the online Document according to the target component, and compiling the real DOM into a virtual DOM;
step S302: acquiring a first virtual DOM in front of the operation information and a second virtual DOM behind the operation information;
step S304: comparing the first virtual DOM to the second virtual DOM to obtain a difference between the first virtual DOM and the second virtual DOM;
step S306: and applying the difference to the real DOM to update the online document so as to realize the production of the online document.
In the embodiment, the difference between the two texts is calculated by adopting a diff algorithm, and only the changed part is subjected to real DOM operation instead of re-rendering the whole page, so that the page rendering performance is greatly improved. The DOM is a standard API for processing HTML and XML documents, provides an access model for the entire document, treats the document as a tree structure, and each node of the tree represents an HTML tag or a text item within a tag.
In an exemplary embodiment, as shown in fig. 4, after the step S108 performs the corresponding operation according to the target component to perform the production of the online document, the steps S400 and S402 may be included.
Step S400: when the saving operation of the user on the online document is detected, acquiring a plurality of parameters of each page in the online document, wherein each parameter at least comprises a data name and a data type;
step S402: and putting the parameters of each page into a preset array set to obtain a target array set, storing the target array set into a database, and uploading the target array set to a block chain.
Specifically, when it is detected that a user clicks a button for saving a slide item a, the slide parameters of each page in the slide item a are put into a preset array set. Then, a background interface is called to store the target array set comprising the slide parameters of each page into a database. And when the user demonstrates or edits the slide project A next time, the parameters of each page in the slide project A are obtained by calling the background interface and are displayed in a slide effect.
For each page, see table 1 below:
uploading the target array set to a blockchain can ensure the safety and the fair transparency of the target array set. The blockchain referred to in this example is a novel application mode of computer technologies such as distributed data storage, point-to-point transmission, consensus mechanism, encryption algorithm, and the like. A block chain (Blockchain), which is essentially a decentralized database, is a series of data blocks associated by using a cryptographic method, and each data block contains information of a batch of network transactions, so as to verify the validity (anti-counterfeiting) of the information and generate a next block. The blockchain may include a blockchain underlying platform, a platform product service layer, an application service layer, and the like.
And after the online document is stored, if the editing operation of the online document is detected, acquiring the identification number of the online document, and inquiring corresponding online document information according to the identification number. And then, acquiring corresponding parameters according to the query result, and rendering corresponding content according to the parameters. Illustratively, when it is detected that the user edits the slide a again, the identification number of the slide is obtained, and the corresponding slide information is queried according to the identification number. And then, acquiring corresponding parameters according to the slide information, and rendering corresponding slide contents according to the parameters.
In an exemplary embodiment, as shown in fig. 5, after the step S108 performs the corresponding operation according to the target component to perform the production of the online document, the steps S500 and S502 may be included.
Step S500: and when the demonstration operation of the user on the online document is detected, generating a link corresponding to the online document.
Step S502: and jumping to a demonstration page of the online document according to the link so as to realize demonstration playing of the online document.
Specifically, when it is detected that the user clicks a preview/presentation button of a slide item a, a link corresponding to the slide item a is generated, wherein the link includes parameters of the slide item a, and the parameters are used for determining that the presented slide item is the slide item a. Then, according to the link, jumping to the slide item A to show the slide item A. In practical applications, the link may be opened in any web page.
In an exemplary embodiment, the presentation playing of the online document may be implemented by a click operation of a user, or may be implemented according to a set automatic playing, which is not limited in the embodiment of the present invention. According to the difference of the size of the display screen of the online document playing terminal, for example: and the PC terminal and the mobile terminal of the mobile phone can realize the self-adaptive demonstration playing of the online document editing webpage at the corresponding playing terminal by converting px into rem.
According to the online document making method based on the webpage, which is provided by the embodiment of the invention, the online document editing webpage is set up through an Vue framework, then, the component loading mode of the online document editing webpage is configured, finally, the operation information of a user on the online document editing webpage is obtained, the corresponding target component is obtained according to the operation information, and the corresponding operation is executed according to the target component, so that the online document is made. According to the embodiment of the invention, the online document editing webpage is set up through the Vue framework, and the online document is made according to the operation of the user on the online document editing webpage, so that the user can edit and check the document at any time through different terminals under the condition that a third-party office tool is not installed, and the document cannot be lost even if the user terminal is carelessly stolen or lost. Meanwhile, in the embodiment of the invention, the online document is made by using the online document editing webpage built by the Vue framework, so that the user can edit the document without downloading the document from the cloud or uploading the locally edited document to the cloud, and the user experience and the working efficiency are greatly improved.
Example two
Referring to fig. 6, a schematic diagram of program modules of an online document making system based on web pages according to an embodiment of the present invention is shown. The web-based online document production system 20 may be applied to an electronic device. In the present embodiment, the web-based online document production system 20 may include or be divided into one or more program modules, and the one or more program modules are stored in a storage medium and executed by one or more processors to implement the present invention and implement the above-described web-based online document production method. The program modules referred to in the embodiments of the present invention refer to a series of computer program instruction segments capable of performing specific functions, and are more suitable than the programs themselves for describing the execution process of the web-based online document making system 20 in the storage medium. The following description will specifically describe the functions of the program modules of the present embodiment:
and the building module 201 is used for building the online document editing webpage through the Vue framework.
Vue is a progressive framework for constructing user interface, and has the advantages of light weight, simple api, complete document, and simplicity and strength. The online document editing webpage built by utilizing the Vue framework has the advantages of being light in weight, independent of third-party software, free of downloading and installation, and capable of supporting online production, playing and storage. In an embodiment of the present invention, the online document may be a slideshow (PowerPoint, PPT).
It should be noted that, after the online document editing webpage is set up, the users can apply for registration, each user can create a plurality of online documents, and as long as the user can log in to edit and make or demonstrate the online documents at any time and any place in a network scene, no matter at a computer end or a mobile phone end, the user does not need to worry about file loss or forget to bring about. When the online document is in an editing state, the online document is automatically triggered to be saved when the preset time is reached by triggering the saveFrom () method and in the watch monitoring of Vue, so that the document is stored in time.
A configuration module 202, configured to configure a component loading manner of the online document editing webpage, where the component loading manner includes an on-demand loading manner.
It should be noted that: the on-demand loading mode is that the corresponding component, namely the packaged js file, is loaded only when the route is accessed, and the on-demand loading of the component is realized by using a acquire () loading component. The existing method includes a non-on-demand loading mode, specifically, a whole route is packaged into a js file, loading of components is realized by loading the js file, and the more components, the larger the js file is, the slower the loading is.
In this embodiment, a mode of loading components on demand is adopted, and the loading mode is configured as a mode of loading on demand, so that the network request pressure of a client is greatly reduced, and the loading efficiency of the components is improved.
In an exemplary embodiment, the web-based online document production system 20 also obtains a plurality Vue of components, such as: the Element-ui component, swiper component, Vuedragable-resizable can drag scalable components, animation effects components, and the like. By introducing the components, the attributes, methods and events of the components can be acquired, and the development efficiency of the online editing webpage is greatly improved.
The obtaining module 203 is configured to obtain operation information of the user on the online document editing webpage, and obtain a corresponding target component according to the operation information.
Specifically, the operation information of the user in the slide may be a new slide, editing of background color, editing of background picture, text editing, picture editing, audio and video editing, and the like. And uploading/displaying corresponding information at a corresponding position of the online document according to the operation information of the user. Illustratively, when receiving audio editing operation information of a user, uploading corresponding audio to the online document according to the audio editing operation information. In an exemplary embodiment, after the obtaining module 203 obtains the operation information, the operation information is further uploaded to a block chain to ensure security and fair transparency thereof.
The making module 204 is configured to execute a corresponding operation according to the target component, so as to make the online document.
Specifically, when the user needs to adjust the edited content, the corresponding component is called to implement the adjustment. For example: when the fact that the user adjusts the size of the picture is detected, the picture is zoomed by calling the corresponding Vuedragable-resizable draggable component.
Illustratively, the making of the online document may include the following: editing the new slide: the initial slide is a blank page and the left page button can be clicked, where the page buttons include: background color, background picture, text, picture, audio, video, etc. Background color editing: clicking the background color button can select the background color of the current page. Background picture editing: and clicking a background picture button to upload a picture, wherein the picture can fill the whole blank canvas and cover the background color, and the previous background picture can be covered by uploading again. And (3) text editing: when a text button is clicked, a text box appears on a blank page on the right side, animation can be set for the text box, the text box can also be deleted, the size of the text box can be enlarged or reduced, the position can be dragged, and a plurality of text boxes can be set on the current page. Editing the picture: clicking the picture button can pop up a popup window for uploading pictures, after uploading is successful, the pictures can be displayed on the blank canvas, the size and the position of the pictures can be pulled, the pictures can be deleted, and a plurality of pictures can be uploaded and displayed on the current page. Audio editing: clicking the audio button can upload the audio, and then when entering the current page, the audio can be automatically played once. Video editing: and the video can be uploaded by clicking an audio button, the size and the position of the video display can be adjusted, and then the video can be clicked and played when entering the current page.
In an exemplary embodiment, the operation information may also be online recording, screen recording, countdown setting, 3D presentation special effect setting, watermark setting, import and export of material, and play time setting.
Illustratively, online recording is realized by installing a component npmi js-audio-Recorder and introducing an import Recorder from 'js-audio-Recorder' component at a place where recording is needed according to user requirements.
Illustratively, the screen recording function is implemented by using a video stream acquisition component and a video stream storage component, e.g., getDisplayMedia component + MediaRecorder component, to acquire and store a video stream. The getDisplayMedia component allows to obtain the user's display or a part thereof in the form of a video stream, by means of which a promise object is returned, a successful return stream is invoked, which stream is assigned to the video element enabling a video-while-recording of the video stream. During screen recording, the video stream acquired by the getDisplayMedia is stored by the MediaRecorder component, and the video stream can be saved as a corresponding video file. When the recorded screen needs to be played, the video file can be directly played, namely the screen recorded playing is realized.
In actual operation, a user clicks a screen recording button to record screen video. Through the video recording of 'voice + slide' explanation in the whole process, all the operation processes of a user are demonstrated through vivid and visual videos, and the method is suitable for various scenes such as course explanation, operation demonstration and the like. And finally, recording the video, and generating a url link for sharing the slide video, namely an online video address, by the online document making system based on the webpage.
In an exemplary embodiment, a 3D model component is installed, and 3D rendering is performed on an operation object corresponding to the operation information, so as to implement making of the 3D special effect of the online document. The 3D model component can be an npm install vue-3D-model-save component, and an import { ModelObj } from 'vue-3D-model' component is introduced to realize a 3D demonstration special effect. By the method, the traditional PPT switching mode is broken through, the movie video transition special effect is simulated, the vivid and cool 3D lens zooming, rotating and translating special effects are added, the slide demonstration is played like a 3D movie, and the impact of shocking visual and auditory senses is brought to audiences by the background music.
Vue, to achieve the addition of a corresponding watermark per page. For example, enterprise logos and watermarks are arranged in the slides, which is beneficial to highlighting enterprise brand effects and protecting personal knowledge labor results. In the setting of the enterprise logo (logo), the size, the position, the transparency and the like of the enterprise logo or the watermark can be customized. The mark is defaulted at the upper left corner of the slide, the watermark is defaulted to be obliquely displayed and displayed on a page, and the number of the rows and the columns of the watermark can also be set by self definition.
In an exemplary embodiment, the obtaining module 203 is further configured to obtain pictures, videos, animations, and audios uploaded by a user, and store the pictures, videos, animations, and audios in a corresponding material library. Of course, the above-mentioned material may also be deleted according to a deletion operation by the user.
In an exemplary embodiment, the time of the current page slideshow is set by customization, e.g., 5 seconds, 10 seconds, etc., or according to the time of the current page audio narration. In the playing process, when the set playing time is reached, the automatic playing of the document is realized by a setInterval method, and the components are more flexible by a way that a parent component transmits the automatic playing interval time. inv is Number-type props. The clearInv method is triggered when the mouse moves in and the runInv method is triggered when the mouse moves out. By defining the method, when the goto method receives a parameter index, it can jump to the specified number of pages. When clicking a previous page and a next page, two variables, namely nextIndex and prevIndex, are defined in the calculation attribute to reduce the calculation complexity and increase the calculation speed.
In an exemplary embodiment, the production module 204 is further configured to:
inquiring a real DOM node of an operation object corresponding to the operation information from all DOM nodes of the online document according to the target component, and compiling the real DOM into a virtual DOM;
acquiring a first virtual DOM in front of the operation information and a second virtual DOM behind the operation information;
comparing the first virtual DOM to the second virtual DOM to obtain a difference between the first virtual DOM and the second virtual DOM;
and applying the difference to the real DOM to update the online document so as to realize the production of the online document.
In the embodiment, the difference between the two texts is calculated by adopting a diff algorithm, and only the changed part is subjected to real DOM operation instead of re-rendering the whole page, so that the page rendering performance is greatly improved. The DOM is a standard API for processing HTML and XML documents, provides an access model for the entire document, treats the document as a tree structure, and each node of the tree represents an HTML tag or a text item within a tag.
In an exemplary embodiment, the obtaining module 203 is further configured to obtain a plurality of parameters of each page in the online document when the saving operation of the user on the online document is detected, where each parameter includes at least a data name and a data type.
In an exemplary embodiment, the web-based online document making system 20 further includes a storage module, configured to put the multiple parameters of each page into a preset array set, obtain a target array set, store the target array set in a database, and upload the target array set to a block chain.
Specifically, when it is detected that a user clicks a button for saving a slide item a, the slide parameters of each page in the slide item a are put into a preset array set. Then, a background interface is called to store the target array set comprising the slide parameters of each page into a database. And when the user demonstrates or edits the slide project A next time, the parameters of each page in the slide project A are obtained by calling the background interface and are displayed in a slide effect.
Uploading the target array set to a blockchain can ensure the safety and the fair transparency of the target array set. The blockchain referred to in this example is a novel application mode of computer technologies such as distributed data storage, point-to-point transmission, consensus mechanism, encryption algorithm, and the like. A block chain (Blockchain), which is essentially a decentralized database, is a series of data blocks associated by using a cryptographic method, and each data block contains information of a batch of network transactions, so as to verify the validity (anti-counterfeiting) of the information and generate a next block. The blockchain may include a blockchain underlying platform, a platform product service layer, an application service layer, and the like.
And after the online document is stored, if the editing operation of the online document is detected, acquiring the identification number of the online document, and inquiring corresponding online document information according to the identification number. And then, acquiring corresponding parameters according to the query result, and rendering corresponding content according to the parameters. Illustratively, when it is detected that the user edits the slide a again, the identification number of the slide is obtained, and the corresponding slide information is queried according to the identification number. And then, acquiring corresponding parameters according to the slide information, and rendering corresponding slide contents according to the parameters.
In an exemplary embodiment, the web-based online document production system 20 further includes a generation module and a jump module:
the generation module is used for generating a link corresponding to the online document when the demonstration operation of the user on the online document is detected.
And the skipping module is used for skipping to the demonstration page of the online document according to the link so as to realize demonstration playing of the online document.
Specifically, when it is detected that the user clicks a preview/presentation button of a slide item a, a link corresponding to the slide item a is generated, wherein the link includes parameters of the slide item a, and the parameters are used for determining that the presented slide item is the slide item a. Then, according to the link, jumping to the slide item A to show the slide item A. In practical applications, the link may be opened in any web page.
In an exemplary embodiment, the presentation playing of the online document may be implemented by a click operation of a user, or may be implemented according to a set automatic playing, which is not limited in the embodiment of the present invention. According to the difference of the size of the display screen of the online document playing terminal, for example: and the PC terminal and the mobile terminal of the mobile phone can realize the self-adaptive demonstration playing of the online document editing webpage at the corresponding playing terminal by converting px into rem.
According to the online document making system based on the webpage, which is provided by the embodiment of the invention, the online document editing webpage is set up through an Vue framework, then, the component loading mode of the online document editing webpage is configured, finally, the operation information of a user on the online document editing webpage is obtained, the corresponding target component is obtained according to the operation information, and the corresponding operation is executed according to the target component, so that the online document is made. According to the embodiment of the invention, the online document editing webpage is set up through the Vue framework, and the online document is made according to the operation of the user on the online document editing webpage, so that the user can edit and check the document at any time through different terminals under the condition that a third-party office tool is not installed, and the document cannot be lost even if the user terminal is carelessly stolen or lost. Meanwhile, in the embodiment of the invention, the online document is made by using the online document editing webpage built by the Vue framework, so that the user can edit the document without downloading the document from the cloud or uploading the locally edited document to the cloud, and the user experience and the working efficiency are greatly improved.
EXAMPLE III
Based on the method for making online documents based on web pages provided in the above embodiments, the present embodiment provides a computer device. Specifically, please refer to fig. 7, which illustrates a hardware architecture diagram of a computer device according to an embodiment of the present invention. The computer device 2 includes, but is not limited to, a memory 21, a processor 22, and a network interface 23 communicatively coupled to each other via a system bus, and FIG. 7 illustrates only the computer device 2 having components 21-23, but it is to be understood that not all of the illustrated components are required and that more or fewer components may alternatively be implemented.
The memory 21 includes at least one type of readable storage medium including a flash memory, a hard disk, a multimedia card, a card type memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a Read Only Memory (ROM), an Electrically Erasable Programmable Read Only Memory (EEPROM), a Programmable Read Only Memory (PROM), a magnetic memory, a magnetic disk, an optical disk, etc. In some embodiments, the memory 21 may be an internal storage unit of the computer device 2, such as a hard disk or a memory of the computer device 2. In other embodiments, the memory may also be an external storage device of the computer device 2, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), and the like provided on the computer device 2. Of course, the memory 21 may also comprise both an internal storage unit of the computer device 2 and an external storage device thereof. In this embodiment, the memory 21 is generally used for storing an operating system installed on the computer device 2 and various application software, such as program codes of the online document making system 20 based on web pages. Further, the memory 21 may also be used to temporarily store various types of data that have been output or are to be output.
The processor 22 may be a Central Processing Unit (CPU), controller, microcontroller, microprocessor, or other data Processing chip in some embodiments. The processor 22 is typically used to control the overall operation of the computer device 2. In this embodiment, the processor 22 is configured to run the program codes stored in the memory 21 or process data, for example, run the online document making system 20 based on web pages, so as to implement the online document making method based on web pages of the above embodiments.
The network interface 23 may comprise a wireless network interface or a wired network interface, and the network interface 23 is generally used for establishing communication connection between the computer device 2 and other electronic devices. For example, the network interface 23 is used to connect the computer device 2 to an external terminal through a network, establish a data transmission channel and a communication connection between the computer device 2 and the external terminal, and the like. The network may be a wireless or wired network such as an Intranet (Intranet), the Internet (Internet), a Global System of Mobile communication (GSM), Wideband Code Division Multiple Access (WCDMA), a 4G network, a 5G network, Bluetooth (Bluetooth), Wi-Fi, and the like.
Example four
The present invention also provides a computer device, such as a smart phone, a tablet computer, a notebook computer, a desktop computer, a rack server, a blade server, a tower server or a rack server (including an independent server or a server cluster composed of a plurality of servers) capable of executing programs, and the like. The computer device of the embodiment at least includes but is not limited to: memory, processor, etc. communicatively coupled to each other via a system bus.
The present embodiment also provides a computer-readable storage medium, such as a flash memory, a hard disk, a multimedia card, a card-type memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), a programmable read-only memory (PROM), a magnetic memory, a magnetic disk, an optical disk, a server, an App application mall, etc., on which a computer program is stored, which when executed by a processor implements corresponding functions. The computer readable storage medium of the present embodiment is used for storing the web-based online document production system 20, and when being executed by a processor, implements the above-described embodiments of the web-based online document production method.
The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits of the embodiments.
Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner.
The above description is only a preferred embodiment of the present invention, and not intended to limit the scope of the present invention, and all modifications of equivalent structures and equivalent processes, which are made by using the contents of the present specification and the accompanying drawings, or directly or indirectly applied to other related technical fields, are included in the scope of the present invention.
Claims (10)
1. A method for web-based online document production, the method comprising:
building an online document editing webpage through an Vue framework;
configuring a component loading mode of the online document editing webpage, wherein the component loading mode comprises an on-demand loading mode;
acquiring operation information of a user on the online document editing webpage, wherein the operation information comprises audio editing information, video editing information, online recording information, screen recording information, countdown setting information, 3D (three-dimensional) demonstration special effect setting information, watermark setting information, material import and export information and/or playing time setting information;
acquiring a corresponding target component according to the operation information;
and executing corresponding operation according to the target component to make an online document.
2. A method for making an online document based on a web page as claimed in claim 1, wherein the executing corresponding operation according to the target component to make the online document comprises:
and when the operation information is the 3D demonstration special effect setting information, performing 3D rendering on an operation object corresponding to the operation information according to the installed 3D model component so as to realize the production of the online document 3D special effect.
3. A method for making an online document based on a web page as claimed in claim 1, wherein the executing corresponding operation according to the target component to make the online document comprises:
when the operation information is screen recording information, acquiring a video stream of the online document editing webpage through a video stream acquisition component;
and storing the video stream through a video stream storage component so as to realize screen recording of the online document editing webpage.
4. A method for making an online document based on a web page as claimed in claim 1, wherein the executing corresponding operation according to the target component to make the online document comprises:
inquiring a real DOM node of an operation object corresponding to the operation information from each Document Object Model (DOM) node of the online document according to the target component, and compiling the real DOM into a virtual DOM;
acquiring a first virtual DOM in front of the operation information and a second virtual DOM behind the operation information;
comparing the first virtual DOM to the second virtual DOM to obtain a difference between the first virtual DOM and the second virtual DOM;
and applying the difference to the real DOM to update the online document so as to realize the production of the online document.
5. A method for making an online document based on a web page as recited in claim 1, wherein after the corresponding operation is executed according to the target component to make the online document, the method further comprises:
when the saving operation of the user on the online document is detected, acquiring a plurality of parameters of each page in the online document, wherein each parameter comprises a data name and a data type;
and putting the parameters of each page into a preset array set to obtain a target array set, storing the target array set into a preset database, and uploading the target array set to a block chain.
6. A method for making an online document based on a web page as claimed in claim 1, wherein after the corresponding operation is executed according to the target component to make the online document, the method comprises:
when the demonstration operation of the user on the online document is detected, generating a link corresponding to the online document;
and jumping to a demonstration page of the online document according to the link so as to realize demonstration playing of the online document.
7. A method for web-based online document production as recited in claim 1, wherein the method further comprises:
when the online document is in an editing state, triggering a saveFrom () method, and calculating the watch listening time of Vue;
and when the watch monitoring of the Vue reaches a preset time, triggering the online document to be saved.
8. A web-based online document production system, comprising:
the building module is used for building an online document editing webpage through an Vue framework;
the configuration module is used for configuring the component loading modes of the online document editing webpage, and the component loading modes comprise on-demand loading modes;
the acquisition module is used for acquiring operation information of a user on the online document editing webpage and acquiring a corresponding target component according to the operation information, wherein the operation information comprises audio editing information, video editing information, online recording information, screen recording information, countdown setting information, 3D demonstration special effect setting information, watermark setting information, material import and export information and/or playing time setting information;
and the making module is used for executing corresponding operation according to the target component so as to make the online document.
9. A computer device, characterized by a computer device memory, a processor and a computer program stored on the memory and executable on the processor, which computer program, when executed by the processor, carries out the steps of the web-based online document production method according to any one of claims 1 to 7.
10. A computer-readable storage medium, having stored therein a computer program executable by at least one processor to cause the at least one processor to perform the steps of the web-based online document production method according to any one of claims 1 to 7.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011511157.2A CN112528203A (en) | 2020-12-18 | 2020-12-18 | Webpage-based online document making method and system |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011511157.2A CN112528203A (en) | 2020-12-18 | 2020-12-18 | Webpage-based online document making method and system |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112528203A true CN112528203A (en) | 2021-03-19 |
Family
ID=75001688
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011511157.2A Pending CN112528203A (en) | 2020-12-18 | 2020-12-18 | Webpage-based online document making method and system |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112528203A (en) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113256259A (en) * | 2021-06-01 | 2021-08-13 | 通号智慧城市研究设计院有限公司 | Online editing service system and implementation method thereof |
CN113723064A (en) * | 2021-11-01 | 2021-11-30 | 冠群信息技术(南京)有限公司 | Stream type document online editing method |
CN114339295A (en) * | 2022-01-13 | 2022-04-12 | 山东捷瑞数字科技股份有限公司 | Method and system for updating and optimizing webpage live content data |
CN115328363A (en) * | 2022-08-12 | 2022-11-11 | 深圳乐播科技有限公司 | File processing method, electronic equipment and related product |
CN115344688A (en) * | 2022-10-18 | 2022-11-15 | 北京国电通网络技术有限公司 | Business data display method and device, electronic equipment and computer readable medium |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CA2975477A1 (en) * | 2016-08-04 | 2018-02-04 | Lulu Software Holdings | System and method for the online editing of pdf documents |
CN108241602A (en) * | 2016-12-26 | 2018-07-03 | 北京奇虎科技有限公司 | A kind of online method and apparatus for making PowerPoint |
CN108241601A (en) * | 2016-12-26 | 2018-07-03 | 北京奇虎科技有限公司 | A kind of online method and apparatus for making PowerPoint |
CN109408783A (en) * | 2018-09-06 | 2019-03-01 | 广州城市信息研究所有限公司 | Electronic document online editing method and system |
CN109635261A (en) * | 2018-11-16 | 2019-04-16 | 天津字节跳动科技有限公司 | Online document content edition method, device, storage medium and electronic equipment |
CN109976617A (en) * | 2019-04-03 | 2019-07-05 | 腾讯科技(深圳)有限公司 | Document display method and apparatus |
CN111191423A (en) * | 2019-12-26 | 2020-05-22 | 广东飞企互联科技股份有限公司 | Method and system suitable for on-line editing of official document text |
-
2020
- 2020-12-18 CN CN202011511157.2A patent/CN112528203A/en active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CA2975477A1 (en) * | 2016-08-04 | 2018-02-04 | Lulu Software Holdings | System and method for the online editing of pdf documents |
CN108241602A (en) * | 2016-12-26 | 2018-07-03 | 北京奇虎科技有限公司 | A kind of online method and apparatus for making PowerPoint |
CN108241601A (en) * | 2016-12-26 | 2018-07-03 | 北京奇虎科技有限公司 | A kind of online method and apparatus for making PowerPoint |
CN109408783A (en) * | 2018-09-06 | 2019-03-01 | 广州城市信息研究所有限公司 | Electronic document online editing method and system |
CN109635261A (en) * | 2018-11-16 | 2019-04-16 | 天津字节跳动科技有限公司 | Online document content edition method, device, storage medium and electronic equipment |
CN109976617A (en) * | 2019-04-03 | 2019-07-05 | 腾讯科技(深圳)有限公司 | Document display method and apparatus |
CN111191423A (en) * | 2019-12-26 | 2020-05-22 | 广东飞企互联科技股份有限公司 | Method and system suitable for on-line editing of official document text |
Non-Patent Citations (1)
Title |
---|
云卷云舒%: "Vue.js虚拟DOM原理(DOM是如何更新的)", pages 3 - 4, Retrieved from the Internet <URL:https://blog.csdn.net/qq_39290323/article/details/108336194> * |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113256259A (en) * | 2021-06-01 | 2021-08-13 | 通号智慧城市研究设计院有限公司 | Online editing service system and implementation method thereof |
CN113256259B (en) * | 2021-06-01 | 2024-04-19 | 通号智慧城市研究设计院有限公司 | Online editing service system and implementation method thereof |
CN113723064A (en) * | 2021-11-01 | 2021-11-30 | 冠群信息技术(南京)有限公司 | Stream type document online editing method |
CN114339295A (en) * | 2022-01-13 | 2022-04-12 | 山东捷瑞数字科技股份有限公司 | Method and system for updating and optimizing webpage live content data |
CN114339295B (en) * | 2022-01-13 | 2024-03-22 | 山东捷瑞数字科技股份有限公司 | Method and system for updating and optimizing live webpage content data |
CN115328363A (en) * | 2022-08-12 | 2022-11-11 | 深圳乐播科技有限公司 | File processing method, electronic equipment and related product |
CN115328363B (en) * | 2022-08-12 | 2023-11-03 | 深圳乐播科技有限公司 | File processing method, electronic equipment and related products |
CN115344688A (en) * | 2022-10-18 | 2022-11-15 | 北京国电通网络技术有限公司 | Business data display method and device, electronic equipment and computer readable medium |
CN115344688B (en) * | 2022-10-18 | 2022-12-23 | 北京国电通网络技术有限公司 | Business data display method and device, electronic equipment and computer readable medium |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112528203A (en) | Webpage-based online document making method and system | |
US8412729B2 (en) | Sharing of presets for visual effects or other computer-implemented effects | |
US11100690B2 (en) | System and methods for automatic media population of a style presentation | |
CN103500186B (en) | A kind of method, apparatus and browser for carrying out picture loading in a browser | |
CN101300567B (en) | Method for media sharing and authoring on the web | |
CN102007509B (en) | Inserting a multimedia file through a web-based desktop productivity application | |
CN108965397A (en) | Cloud video editing method and device, editing equipment and storage medium | |
US20080028312A1 (en) | Scene organization in computer-assisted filmmaking | |
CN111984902A (en) | Visual page configuration method, system, computer equipment and storage medium | |
US20140245196A1 (en) | User interface generation and preview | |
CN103500187B (en) | A kind of method for carrying out picture processing in a browser, device and browser | |
CN108900897B (en) | Multimedia data processing method and device and related equipment | |
US10108437B2 (en) | Rendition of a content editor | |
WO2010128875A1 (en) | Systems and methods for generating multimedia applications | |
CN111343074B (en) | Video processing method, device and equipment and storage medium | |
CN107644019A (en) | A kind of hypermedia eBook content manufacturing system | |
KR102481613B1 (en) | System, method and program for providing 3d website making platform with edit function | |
CN110633436A (en) | Visualization and user-defined panorama editing method, system, storage medium and equipment | |
CN114154000A (en) | Multimedia resource publishing method and device | |
EP4080507A1 (en) | Method and apparatus for editing object, electronic device and storage medium | |
CN114253436B (en) | Page display method, device and storage medium | |
KR101352203B1 (en) | Method of distributing plug-in for configuring effect on mobile movie authoring tool | |
WO2023207981A1 (en) | Configuration file generation method, apparatus, electronic device, medium and program product | |
CN116437153A (en) | Previewing method and device of virtual model, electronic equipment and storage medium | |
JP2006285714A (en) | Web content browsing/editing system, web content browsing/editing method and web content browsing/editing program |
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 |