CN112417827A

CN112417827A - Method and device for editing and displaying online document, electronic equipment and storage medium

Info

Publication number: CN112417827A
Application number: CN202011415093.6A
Authority: CN
Inventors: 肖凯
Original assignee: Beijing Mininglamp Software System Co ltd
Current assignee: Beijing Mininglamp Software System Co ltd
Priority date: 2020-12-07
Filing date: 2020-12-07
Publication date: 2021-02-26
Anticipated expiration: 2040-12-07
Also published as: CN112417827B

Abstract

The invention discloses a method and a device for editing and displaying an online document, electronic equipment and a storage medium, wherein the method comprises the following steps: acquiring document data from a server, initializing a document state, and judging whether a data unit is acquired; if the data unit is not acquired, the user executes operation and calls a service provided by the data intermediate layer to update the data intermediate layer; the data intermediate layer is changed, the monitoring service is triggered, and the application is informed to be updated; the application acquires all data units of the data intermediate layer and polls to judge whether the data units change or not; rendering all changed data units in the data intermediate layer into real document nodes according to the rendering logic customized by application; and updating the real document nodes into the document view.

Description

Method and device for editing and displaying online document, electronic equipment and storage medium

Technical Field

The invention relates to the technical field of online document data processing, in particular to a method and a device for realizing online document editing and displaying based on enterprise WeChat, electronic equipment and a storage medium.

Background

The enterprise WeChat is an enterprise communication and office tool created by Tencent WeChat team, has communication experience consistent with WeChat, abundant OA application and capability of connecting the ecology of the WeChat, and can help enterprises to connect the interior, connect ecological partners and connect consumers. Professional collaboration, security management, people-as-a-service. At present, enterprise WeChat covers more than 50 industries such as retail, education, finance, manufacturing industry, Internet, medical treatment and the like, and intelligent solutions are continuously output to various industries. The outstanding characteristics of enterprise WeChat are that it is safer in the aspect of paying attention to, can dispose in using conveniently, very big assurance security and convenience. Because the enterprise wechat can be concerned only by members in the enterprise address book, the information security of the enterprise is ensured, and meanwhile, one enterprise wechat can be provided with a plurality of third-party office applications. And the transmission times are not limited, so that the information propagation is maximized. On the other hand, for small and medium-sized enterprises, enterprise WeChat is opened, and third-party applications contained in the WeChat, such as meetings, reports, communities, care, voting, annual meetings and the like in micro-curries, not only are communication and collaboration among employees enhanced, but also the capabilities of various aspects of enterprise culture construction, announcement notification, knowledge management and the like are improved. The enterprise WeChat has a new breakthrough in enterprise scene application in the new era of mobile office, and can lead employees to work without boundaries. The paperless office is realized through the mobile terminal carried by the staff, so that the office efficiency is improved, the administrative management cost is lowered in a humanized manner, and the work flow is more efficient.

The online document is a document which can be displayed, edited and collaborated by multiple persons in the enterprise WeChat, namely the word document function is simulated in the enterprise WeChat webpage, the online document is a product supporting collaboration, a user can edit the document on the webpage in real time, and the product often provides the capability of collaboratively positioning display so as to mark the position where a collaborator is operating and reduce conflicts in the collaboration process.

With the wider application of enterprise wechat, it is an urgent need to migrate the traditional online document into the enterprise wechat application. In the traditional online document, after user operation is finished in an editing mode, the internal application directly modifies document nodes through Dom operation according to the user operation and updates a document view; in the display mode, the application directly adds all document node data acquired by the server to the current document view by means of Dom operation. Such conventional online documents have the following disadvantages:

1. dom is directly operated to edit the document, which is not beneficial to realizing some complex functions.

2. All document nodes are stored by the server side, and are a whole, rather than small reusable units, which is not beneficial to expansion.

3. When the display is carried out, all the nodes are directly inserted into the document, which is not beneficial to carrying out personalized display according to different requirements.

4. Support for collaborative editing is not friendly or even supported.

Disclosure of Invention

Aiming at the technical problems of the traditional online document, the invention provides a method, a device, electronic equipment and a storage medium for realizing online document editing and displaying based on enterprise WeChat.

In a first aspect, an embodiment of the present application provides a method for implementing online document editing and displaying based on enterprise WeChat, including:

an initialization step: acquiring document data from a server, initializing a document state, and judging whether a data unit is acquired;

and updating a data intermediate layer: if the data unit is not acquired, the user executes operation and calls the service provided by the data intermediate layer to update the data intermediate layer;

an application updating step; the data intermediate layer is changed, a monitoring service is triggered, and application updating is informed;

a judging step: the application acquires all data units of the data intermediate layer and polls to judge whether the data units change or not;

a rendering step: rendering all changed data units in the data intermediate layer into real document nodes according to the rendering logic customized by the application;

and a view updating step: and updating the real document nodes into the document view.

The method for realizing online document editing and displaying based on enterprise WeChat comprises the following initialization steps:

and if the data unit is acquired, rendering the data unit into a real document node according to the rendering logic.

The method for realizing online document editing and displaying based on enterprise WeChat comprises the following steps of:

if the operation executed by the user is a new adding operation, the data middle layer can create a new data unit;

if the operation performed by the user is not an add operation, the old data unit is looked up and updated according to the user operation.

The method for realizing online document editing and displaying based on enterprise WeChat comprises the following judging steps:

if the data units are changed, rendering all the changed data units in the data intermediate layer into real document nodes according to the rendering logic;

if no data unit changes, the operation of the current round is finished, and the next round of user operation is continuously waited.

In a second aspect, an embodiment of the present application provides an apparatus for implementing online document editing and presentation based on enterprise WeChat, including:

an initialization module: acquiring document data from a server, initializing a document state, and judging whether a data unit is acquired;

the data intermediate layer updating module: if the data unit is not acquired, the user executes operation and calls the service provided by the data intermediate layer to update the data intermediate layer;

an application update module; the data intermediate layer is changed, a monitoring service is triggered, and application updating is informed;

a judging module: the application acquires all data units of the data intermediate layer and polls to judge whether the data units change or not;

a rendering module: rendering all changed data units in the data intermediate layer into real document nodes according to the rendering logic customized by the application;

the view updating module: and updating the real document nodes into the document view.

The above apparatus for implementing online document editing and displaying based on enterprise WeChat, wherein the initialization module further includes:

The above apparatus for implementing online document editing and displaying based on enterprise WeChat, wherein the data middle layer updating module includes:

The above device for implementing online document editing and displaying based on enterprise WeChat, wherein the determining module comprises:

In a third aspect, an embodiment of the present application provides an electronic device, which includes a memory, a processor, and a computer program stored on the memory and executable on the processor, and when the processor executes the computer program, the processor implements the method for online document editing presentation as described in the first aspect.

In a fourth aspect, the present application provides a computer-readable storage medium, on which a computer program is stored, which when executed by a processor implements the method for online document editing presentation as described in the first aspect above.

Compared with the prior art, the invention has the advantages and positive effects that:

1. the invention adds a data middle layer on the basis of the traditional online document logic, and isolates user operation and bottom-layer Dom operation. Based on the data intermediate layer, the complex document fragments can be split into small data units, and the data units are the basis for forming complex functions such as collaborative editing, expansion and personalized display. The user operation can modify the data unit in the data intermediate layer, Dom operation is automatically completed according to the data unit in the application, the document view is rendered, complex operations such as collaborative editing and the like can be realized, meanwhile, performance overhead brought by direct Dom operation can be optimized, and the application fluency is improved.

2. In different demand scenes, the data units are converted into document nodes through different rendering logics and displayed in a document view, so that personalized display is realized according to different demands.

Drawings

FIG. 1 is a schematic diagram illustrating steps of a method for implementing online document editing presentation based on enterprise WeChat according to the present invention;

FIG. 2 is a flowchart illustrating an embodiment of a method for online document editing presentation based on enterprise WeChat implementation according to the present invention;

FIG. 3 is a block diagram of an apparatus for implementing an online document editing presentation based on enterprise WeChat provided by the present invention;

fig. 4 is a block diagram of a computer device according to an embodiment of the present application.

Wherein the reference numerals are:

11. initializing a module; 12. a data middle layer updating module; 13. an application update module; 14. a judgment module; 15. a rendering module; 16. a view update module; 81. a processor; 82. a memory; 83. a communication interface; 80. a bus.

Detailed Description

In order to make the objects, technical solutions and advantages of the present application more apparent, the present application will be described and illustrated below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments provided in the present application without any inventive step are within the scope of protection of the present application.

It is obvious that the drawings in the following description are only examples or embodiments of the present application, and that it is also possible for a person skilled in the art to apply the present application to other similar contexts on the basis of these drawings without inventive effort. Moreover, it should be appreciated that in the development of any such actual implementation, as in any engineering or design project, numerous implementation-specific decisions must be made to achieve the developers' specific goals, such as compliance with system-related and business-related constraints, which may vary from one implementation to another.

Reference in the specification to "an embodiment" means that a particular feature, structure, or characteristic described in connection with the embodiment can be included in at least one embodiment of the specification. The appearances of the phrase in various places in the specification are not necessarily all referring to the same embodiment, nor are separate or alternative embodiments mutually exclusive of other embodiments. Those of ordinary skill in the art will explicitly and implicitly appreciate that the embodiments described herein may be combined with other embodiments without conflict.

Unless defined otherwise, technical or scientific terms referred to herein shall have the ordinary meaning as understood by those of ordinary skill in the art to which this application belongs. Reference to "a," "an," "the," and similar words throughout this application are not to be construed as limiting in number, and may refer to the singular or the plural. The present application is directed to the use of the terms "including," "comprising," "having," and any variations thereof, which are intended to cover non-exclusive inclusions; for example, a process, method, system, article, or apparatus that comprises a list of steps or modules (elements) is not limited to the listed steps or elements, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus. Reference to "connected," "coupled," and the like in this application is not intended to be limited to physical or mechanical connections, but may include electrical connections, whether direct or indirect. The term "plurality" as referred to herein means two or more. "and/or" describes an association relationship of associated objects, meaning that three relationships may exist, for example, "A and/or B" may mean: a exists alone, A and B exist simultaneously, and B exists alone. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship. Reference herein to the terms "first," "second," "third," and the like, are merely to distinguish similar objects and do not denote a particular ordering for the objects.

The present invention is described in detail with reference to the embodiments shown in the drawings, but it should be understood that these embodiments are not intended to limit the present invention, and those skilled in the art should understand that functional, methodological, or structural equivalents or substitutions made by these embodiments are within the scope of the present invention.

Before describing in detail the various embodiments of the present invention, the core inventive concepts of the present invention are summarized and described in detail by the following several embodiments.

And adding a data middle layer on the basis of the traditional online document logic, and isolating user operation and bottom-layer Dom operation. And the user operation can modify the data unit in the data intermediate layer, and the interior of the application automatically completes Dom operation according to the data unit to render the document view.

Online documentation: the method can be used for displaying, editing and collaborating with multiple persons in the enterprise WeChat, namely simulating the word document function in the enterprise WeChat webpage.

Labeling: refers to the most basic unit in the document, such as a-tag representing a hyperlink in the document.

Elements: all tags in a document are elements.

And (3) node: all content in a document is a node, containing tags, attributes, text, etc.

Dom: the document object model, a standard API that handles HTML and XML files, provides an access model to the entire document.

Dom operation: and performing operations on nodes in the document, such as searching, creating, deleting, replacing, inserting, copying, moving and the like.

Rendering: some structured data is converted into nodes and added to the document view by a Dom operation.

The first embodiment is as follows:

referring to fig. 1, fig. 1 is a schematic diagram illustrating steps of a method for implementing online document editing presentation based on enterprise WeChat according to the present invention. As shown in fig. 1, this embodiment discloses a specific implementation of a method for implementing online document editing presentation (hereinafter referred to as "method") based on enterprise WeChat.

Specifically, the method disclosed in this embodiment mainly includes the following steps:

step S1: and acquiring document data from the server, initializing the document state, and judging whether a data unit is acquired.

Specifically, a data middle layer is optimized and abstracted between user operation and Dom operation, the data middle layer is composed of a plurality of data units, and the data units are used for recording the user operation. The Document Object Model (DOM) is a standard API for processing HTML and XML files. The DOM provides an access model to the entire document as a tree structure, with each node of the tree representing an HTML tag or text item within a tag. The DOM tree structure accurately describes the interrelationship between tags in an HTML document. The process of converting an HTML or XML document into a DOM tree is called parsing (parse). The HTML document is converted into a DOM tree after being analyzed, so that the HTML document can be processed through the operation of the DOM tree. The DOM model not only describes the structure of a document, but also defines the behavior of node objects, the nodes and contents of the DOM tree can be conveniently accessed, modified, added and deleted by using the method and the attribute of the objects, and the DOM nodes are divided into three categories: element nodes, attribute nodes and text nodes.

Dom provides a structured representation of a document and defines a way in which the structure can be accessed from a program to change the structure, style and content of the document. The DOM parses a document into a set of structures consisting of nodes and objects (objects containing properties and methods). In short, it connects a web page with a script or programming language.

A web page is a document. This document can be displayed in a browser window or as HTML source code. But in both cases the same document. The Document Object Model (DOM) provides another way of representing, storing, and manipulating the same document. The DOM is a complete object-oriented representation of a web page that can be modified using a scripting language such as JavaScript.

The Dom operation is an operation on a node in the document, such as lookup, creation, deletion, replacement, insertion, copy, move, etc.

Specifically, if the data unit is acquired, the data unit is rendered into a real document node according to a rendering logic customized by an application.

If the data unit is not acquired, step S2 is executed: and if the data unit is not acquired, executing operation by the user, and calling the service provided by the data intermediate layer to update the data intermediate layer.

Specifically, if the operation performed by the user is a new addition operation, the data intermediate layer creates a new data unit; if the operation performed by the user is not an add-on operation, the old data unit is looked up and updated according to the user operation.

Then, step S3 is executed: and the data intermediate layer is changed to trigger the monitoring service and inform the application of updating.

Specifically, in the process of online document operation, the application monitors the change of the data unit in the data intermediate layer, when a user performs an editing operation, the application modifies the corresponding data unit in the data intermediate layer according to the operation of the user, and meanwhile, due to the monitoring, the data intermediate layer notifies the application to perform view updating after the data unit changes.

Then, step S4 is executed: and the application acquires all the data units of the data intermediate layer and polls to judge whether the data units are changed.

Specifically, if there is a change in the data unit, step S5 is executed: rendering all changed data units in the data intermediate layer into real document nodes according to the rendering logic customized by the application; if no data unit changes, the operation of the current round is finished, and the next round of user operation is continuously waited.

The rendering refers to converting some structured data into nodes and adding the nodes into a document view through a Dom operation, and the rendering logic can customize different rendering logics according to the needs of a user to realize personalized display.

Then, step S6 is executed: and updating all real document nodes into the document view.

And ending the user operation response flow in the current round, and continuing waiting for the next round of user operation by the application.

Please refer to fig. 2. Fig. 2 is a schematic flowchart of an embodiment of a method for implementing online document editing and displaying based on enterprise WeChat, which is provided by the present invention, and specifically illustrates, with reference to fig. 2, an application flow of the method as follows:

1. and acquiring document data from the server and initializing the document state, judging whether a data unit is acquired or not, if so, executing the rendering node in the step 5, and otherwise, waiting for user operation.

2. And the user executes the operation and calls the service provided by the data intermediate layer to update the data intermediate layer. If the operation is a new addition operation, the data intermediate layer creates a new data unit, otherwise, the old data unit is searched and updated according to the user operation.

3. And the data intermediate layer is changed to trigger the monitoring service and inform the application of updating.

4. And the application acquires all data units in the data intermediate layer and polls to judge whether the data units change, if the data units change, the rendering logic is called to render the corresponding nodes, otherwise, the operation of the current round is finished, and the next round of user operation is continuously waited.

5. And rendering all changed data units in the data middle layer into real document nodes according to the rendering logic customized by the application.

6. And updating the newly generated document nodes into the document view to complete the view updating operation.

7. And ending the user operation response flow in the current round, and continuing waiting for the next round of user operation by the application.

During the running of the online document, the application monitors the change of the data unit in the data middle layer. When a user carries out editing operation, the application can modify the corresponding data unit in the data intermediate layer according to the operation of the user, and meanwhile, due to monitoring, the data intermediate layer can inform the application to carry out view updating after the data unit changes. In the view updating process, the application firstly judges whether the data unit of the data middle layer changes, and if so, the rendering logic is called to update the change to the document view. Therefore, user operation and Dom operation in the process of editing and displaying the online document are isolated through the abstract data middle layer. Not only can complex operations such as collaborative editing, personalized display and the like be realized based on the data unit of the operation data intermediate layer, but also the performance overhead brought by direct Dom operation can be optimized, and the application fluency is improved.

Example two:

in combination with the method for implementing online document editing presentation based on enterprise WeChat disclosed in the first embodiment, this embodiment discloses a specific implementation example of an apparatus (hereinafter referred to as "apparatus") for implementing online document editing presentation based on enterprise WeChat.

Referring to fig. 3, the apparatus includes:

the initialization module 11: acquiring document data from a server, initializing a document state, and judging whether a data unit is acquired;

data intermediate layer update module 12: if the data unit is not acquired, the user executes operation and calls the service provided by the data intermediate layer to update the data intermediate layer;

an application update module 13; the data intermediate layer is changed, a monitoring service is triggered, and application updating is informed;

the judging module 14: the application acquires all data units of the data intermediate layer and polls to judge whether the data units change or not;

the rendering module 15: rendering all changed data units in the data intermediate layer into real document nodes according to the rendering logic customized by the application;

the view update module 16: and updating the real document nodes into the document view.

Specifically, in the initialization module 11, if the data unit is obtained, the data unit is rendered into the real document node according to the rendering logic.

Specifically, in the data middle layer updating module 12, if the operation performed by the user is a new addition operation, the data middle layer creates a new data unit; if the operation performed by the user is not an add operation, the old data unit is looked up and updated according to the user operation.

Specifically, in the process of running the online document in the application update module 13, the application monitors the change of the data unit in the data intermediate layer, and when the user performs an editing operation, the application modifies the corresponding data unit in the data intermediate layer according to the operation of the user.

Specifically, in the determining module 14, if there is a data unit that changes, all the changed data units in the data intermediate layer are rendered into the real document node according to the rendering logic; if no data unit changes, the operation of the current round is finished, and the next round of user operation is continuously waited.

Specifically, in the rendering module 15, rendering refers to converting some structured data into nodes and adding the nodes to the document view through a Dom operation, and the rendering logic can customize different rendering logic according to the needs of a user to realize personalized presentation.

Specifically, the rendering logic is called in the view update module 16 to complete the view update operation, the current round of user operation response flow is ended, and the application continues to wait for the next round of user operation.

The apparatus for implementing online document editing and displaying based on enterprise WeChat disclosed in this embodiment and the technical solution of the same parts in the method for implementing online document editing and displaying based on enterprise WeChat disclosed in this embodiment are described in the first embodiment, and are not described herein again.

Example three:

referring to FIG. 4, the embodiment discloses an embodiment of a computer device. The computer device may comprise a processor 81 and a memory 82 in which computer program instructions are stored.

Specifically, the processor 81 may include a Central Processing Unit (CPU), or A Specific Integrated Circuit (ASIC), or may be configured to implement one or more Integrated circuits of the embodiments of the present Application.

Memory 82 may include, among other things, mass storage for data or instructions. By way of example, and not limitation, memory 82 may include a Hard Disk Drive (Hard Disk Drive, abbreviated to HDD), a floppy Disk Drive, a Solid State Drive (SSD), flash memory, an optical Disk, a magneto-optical Disk, tape, or a Universal Serial Bus (USB) Drive or a combination of two or more of these. Memory 82 may include removable or non-removable (or fixed) media, where appropriate. The memory 82 may be internal or external to the data processing apparatus, where appropriate. In a particular embodiment, the memory 82 is a Non-Volatile (Non-Volatile) memory. In particular embodiments, Memory 82 includes Read-Only Memory (ROM) and Random Access Memory (RAM). The ROM may be mask-programmed ROM, Programmable ROM (PROM), Erasable PROM (EPROM), Electrically Erasable PROM (EEPROM), Electrically rewritable ROM (EAROM), or FLASH Memory (FLASH), or a combination of two or more of these, where appropriate. The RAM may be a Static Random-Access Memory (SRAM) or a Dynamic Random-Access Memory (DRAM), where the DRAM may be a Fast Page Mode Dynamic Random-Access Memory (FPMDRAM), an Extended data output Dynamic Random-Access Memory (EDODRAM), a Synchronous Dynamic Random-Access Memory (SDRAM), and the like.

The memory 82 may be used to store or cache various data files for processing and/or communication use, as well as possible computer program instructions executed by the processor 81.

The processor 81 implements any one of the above-described embodiments of the method for online document editing presentation by reading and executing computer program instructions stored in the memory 82.

In some of these embodiments, the computer device may also include a communication interface 83 and a bus 80. As shown in fig. 4, the processor 81, the memory 82, and the communication interface 83 are connected via the bus 80 to complete communication therebetween.

The communication interface 83 is used for implementing communication between modules, devices, units and/or equipment in the embodiment of the present application. The communication port 83 may also be implemented with other components such as: the data communication is carried out among external equipment, image/data acquisition equipment, a database, external storage, an image/data processing workstation and the like.

Bus 80 includes hardware, software, or both to couple the components of the computer device to each other. Bus 80 includes, but is not limited to, at least one of the following: data Bus (Data Bus), Address Bus (Address Bus), Control Bus (Control Bus), Expansion Bus (Expansion Bus), and Local Bus (Local Bus). By way of example, and not limitation, Bus 80 may include an Accelerated Graphics Port (AGP) or other Graphics Bus, an Enhanced Industry Standard Architecture (EISA) Bus, a Front-Side Bus (FSB), a Hyper Transport (HT) Interconnect, an ISA (ISA) Bus, an InfiniBand (InfiniBand) Interconnect, a Low Pin Count (LPC) Bus, a memory Bus, a microchannel Architecture (MCA) Bus, a PCI (Peripheral Component Interconnect) Bus, a PCI-Express (PCI-X) Bus, a Serial Advanced Technology Attachment (SATA) Bus, a Video Electronics Bus (audio Electronics Association), abbreviated VLB) bus or other suitable bus or a combination of two or more of these. Bus 80 may include one or more buses, where appropriate. Although specific buses are described and shown in the embodiments of the application, any suitable buses or interconnects are contemplated by the application.

In addition, in combination with the method for online document editing presentation in the foregoing embodiments, the embodiments of the present application may provide a computer-readable storage medium to implement. The computer readable storage medium having stored thereon computer program instructions; the computer program instructions, when executed by a processor, implement any of the above-described embodiments of the method for online document editing presentation.

The technical features of the embodiments described above may be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the embodiments described above are not described, but should be considered as being within the scope of the present specification as long as there is no contradiction between the combinations of the technical features.

In summary, the beneficial effects of the invention are that the invention adds a data middle layer on the basis of the traditional online document logic, and isolates user operation and bottom layer Dom operation. Based on the data intermediate layer, the complex document fragments can be split into small data units, and the data units are the basis for forming complex functions such as collaborative editing, expansion and personalized display. The user operation can modify the data unit in the data intermediate layer, Dom operation is automatically completed according to the data unit in the application, document views are rendered, complex operations such as collaborative editing and personalized display can be achieved, meanwhile, performance overhead brought by direct Dom operation can be optimized, and application smoothness is improved.

The above-mentioned embodiments only express several embodiments of the present application, and the description thereof is more specific and detailed, but not construed as limiting the scope of the invention. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the concept of the present application, which falls within the scope of protection of the present application. Therefore, the protection scope of the present patent shall be subject to the appended claims.

Claims

1. A method for online document editing and displaying is characterized in that based on an enterprise WeChat platform, the method comprises the following steps:

2. The method of online document editing presentation of claim 1, wherein the initializing step further comprises:

3. The method of claim 1, wherein the data middle layer updating step comprises:

4. The method of claim 1, wherein said determining step comprises:

5. An apparatus for online document editing presentation, based on an enterprise WeChat platform, comprising:

6. The apparatus of claim 5, wherein the initialization module further comprises:

7. The apparatus for online document editing presentation of claim 5, wherein the data middle layer update module comprises:

8. The apparatus for online document editing presentation of claim 5, wherein the determining module comprises:

9. An electronic device comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, wherein the processor implements the method of online document editing presentation of any of claims 1-4 when executing the computer program.

10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the method of online document editing presentation according to any one of claims 1 to 4.