Document content processing method and device, storage medium and electronic equipment

Abstract

The invention discloses a document content processing method and device, a storage medium and electronic equipment. The method comprises the steps that a document content area and an application insertion control are displayed, the document content area is used for displaying document content, the application insertion control is used for selecting a function application capable of editing application content, and the document content comprises the application content; in response to a first selected operation executed on the application insertion control, displaying at least one application identifier; in response to a second selected operation executed on the specific application identifier, displaying a content editing interface of the specific function application; in response to a first insertion request triggered for the specific application content, the specific application content is inserted and displayed in the document content area, the insertion request is used for requesting insertion of the specific function application, and the specific function application is set to be used when the specific application content is edited in the document content area. The technical problem that the processing efficiency of the document content is low is solved.

Description

Technical Field

[0001] The present application relates to the field of computers, and in particular to a method, device, storage medium and electronic device for processing document content. Background Art

[0002] In the prior art, in order to improve the expressiveness of a document and the user experience of using the document, it is often necessary to insert attachments of different types based on the document content. In the specific implementation of this method, it is necessary to first determine the attachment type (such as picture type, table type, etc.), then find the template style available under the attachment type (such as jpg template, png template, etc. under the picture type), and then insert the corresponding attachment content.

[0003] However, the above operation method not only has cumbersome interactive steps and complicated processes, but also the inserted content is limited by the optional attachment types and available template styles, which leads to low processing efficiency for inserting other content into the document content.

[0004] Therefore, there is a technical problem in the related art that the processing efficiency of document content is low. Summary of the invention

[0005] The embodiments of the present application provide a method, device, storage medium and electronic device for processing document content, so as to at least solve the technical problem of low efficiency in processing document content in the related art.

[0006] According to one aspect of an embodiment of the present application, a method for processing document content is provided, including: displaying a document content area and an application insertion control, wherein the document content area is used to display the document content, the application insertion control is used to select a functional application that can edit the application content, and the document content includes application content; in response to a first selection operation performed on the application insertion control, at least one application identifier is displayed, wherein each application identifier in the at least one application identifier matches a different functional application, respectively; in response to a second selection operation performed on a specific application identifier, a content editing interface for a specific functional application is displayed, wherein at least one application identifier includes a specific application identifier, the specific functional application is a functional application matched by the specific application identifier, the content editing interface is used to edit specific application content, and the content type of the specific application content is a content type that can be edited by the specific functional application; in response to a first insertion request triggered for the specific application content, the specific application content is inserted and displayed in the document content area, wherein the insertion request is used to request the insertion of the specific functional application, and the specific functional application is set to be used when editing the specific application content in the document content area.

[0007] According to another aspect of an embodiment of the present application, a document content processing device is also provided, including: a first display unit, used to display a document content area and an application insertion control, wherein the document content area is used to display the document content, the application insertion control is used to select a functional application that can edit the application content, and the document content includes application content; a second display unit, used to display at least one application identifier in response to a first selection operation performed on the application insertion control, wherein each application identifier in the at least one application identifier matches a different functional application, respectively; a third display unit, used to display a content editing interface of a specific functional application in response to a second selection operation performed on a specific application identifier, wherein at least one application identifier includes a specific application identifier, the specific functional application is a functional application matched by the specific application identifier, the content editing interface is used to edit specific application content, and the content type of the specific application content is a content type that can be edited by the specific functional application; an insertion unit, used to insert and display the specific application content in the document content area in response to a first insertion request triggered for the specific application content, wherein the insertion request is used to request the insertion of the specific functional application, and the specific functional application is set to be used when editing the specific application content in the document content area.

[0008] As an optional solution, the device also includes: a first display module, used to display the content editing interface and the specific application content in the content editing interface in response to a start request triggered by the specific application content displayed in the document content area after inserting and displaying the specific application content in the document content area, wherein the start request is used to request to start a specific functional application to operate the specific application content.

[0009] As an optional solution, the first display module includes: a first display sub-module, used to display a content editing interface in the document display area, and display editable specific application content in the content editing interface, wherein the editable specific application content allows editing in the content editing interface; or, a second display sub-module, used to display edited specific application content in the document display area, and display the content editing interface outside the document display area, and display the editable specific application content in the content editing interface, wherein the edited specific application content is the presentation content after the editable specific application content is edited.

[0010] As an optional solution, the first display unit includes at least one of the following: a second display module, used to display a first document content area and a first application plug-in control, wherein the first document content area is used to display local document content, the first application plug-in control is used to select a local functional application that can edit the first application content, and the local document content includes the first application content; a third display module, used to display a second document content area and a second application plug-in control, wherein the second document content area is used to display online document content, the second application plug-in control is used to select an online functional application that can edit the second application content, and the online document content includes the second application content.

[0011] As an optional solution, the device also includes: a fourth display module, which is used to display at least one local application identifier in response to a third selection operation performed on the first application insertion control after displaying the first document content area and the first application plug-in control, wherein each local application identifier in the at least one local application identifier is matched with a different local functional application, and the local functional application is a background running application allowed to be inserted by the local document application, the background running application is a background running the local document application, and is prohibited from interfering with the local document application, and the local document application is used to display the first document content area and the first application plug-in control; a fifth display module, which is used to display the first document content area and the first application plug-in control after displaying the first document content area and the first application After the plug-in control, in response to the fourth selection operation performed on the specific local application identifier, a local content editing interface of the specific local function application is displayed, wherein at least one local application identifier includes a specific local application identifier, the specific local function application is a background running application matched by the specific local application identifier, and the local content editing interface is used to edit the specific local application content, and the specific local application content is the local application content obtained by the most recent processing using the specific local function application; a first insertion module is used to insert and display the specific local application content in the first document content area in response to a second insertion request triggered for the specific local application content after displaying the first document content area and the first application plug-in control.

[0012] As an optional solution, the device further includes: a sixth display module. After displaying the second document content area and the second plug-in control, in response to a fifth selection operation performed on the second application plug-in control, display at least one online application identifier, wherein each online application identifier in the at least one online application identifier is matched with a different online functional application, respectively, and the online functional application is a pre-configured third-party application associated with the online document application, and the online document application is used to display the second document content area and the second application plug-in control; a seventh display module, after displaying the second document content area and the second plug-in control, in response to a sixth selection operation performed on a specific online application identifier, display an online content editing interface of a specific online functional application, wherein the at least one online application identifier includes a specific online application identifier, the specific online functional application is a third-party application matched with the specific online application identifier, the online content editing interface is used to edit specific online application content, and the content type of the specific local application content is a content type editable by the specific local functional application; a second insertion module, after displaying the second document content area and the second plug-in control, in response to a third insertion request triggered on the specific online application content, insert and display the specific online application content in the second document content area.

[0013] As an optional solution, the device also includes: an acquisition module, which is used to acquire a configuration request carrying at least one configuration information before displaying at least one online application identifier in response to a fifth selection operation performed on the second application insert control, wherein the at least one configuration information includes name information, icon information, resource location information and style information of at least one third-party application; an establishment module, which is used to establish an association relationship between at least one third-party application and an online document application based on the resource location information and style information before displaying at least one online application identifier in response to the fifth selection operation performed on the second application insert control; and a generation module, which is used to generate at least one online application identifier corresponding to at least one third-party application according to the name information and icon information before displaying at least one online application identifier in response to the fifth selection operation performed on the second application insert control, and display the at least one online application identifier in the top area of ​​the online document application, wherein the second document content area includes the top area.

[0014] As an optional solution, the establishment module includes: a first acquisition sub-module, used to acquire application resource information of at least one third-party application indicated by resource location information, and a first component style and a second component style of online application content corresponding to at least one third-party application indicated by style information, the first component style being used to indicate the style of inserting the online application content into the second document content area, and the second component style being used to indicate the viewing style and storage style of the online application content in the second document content area; an assembly sub-module, used to assemble and generate an association tag indicating the association relationship between at least one third-party application and the online document application based on the application resource information, the first component style and the second component style.

[0015] As an optional solution, the second insertion module includes: a second acquisition sub-module, used to obtain specific association tags between a specific online function application and the online application content, wherein the specific association tags include a first specific component style and a second specific component style corresponding to the specific online function application; an insertion sub-module, used to insert the specific online content into the second document content area according to the first specific component style, and display the specific online content in the second document content area according to the viewing style indicated by the second specific component style.

[0016] As an optional solution, the device also includes: a storage module, which is used to store the specific application content in a storage area according to a storage style in response to a storage request triggered by the specific application content displayed in the document content area after inserting and displaying the specific application content in the document content area, wherein the storage request is used to request storage of the specific application content, and the storage area includes at least one of the following: a local storage area and an online storage area.

[0017] According to another aspect of the embodiments of the present application, a computer program product or a computer program is provided, the computer program product or the computer program includes computer instructions, the computer instructions are stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the method for processing document content as described above.

[0018] According to another aspect of an embodiment of the present application, there is also provided an electronic device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the document content processing method through the computer program.

[0019] In an embodiment of the present application, first, a document content area for displaying document content and an application insertion control for selecting a functional application for editing application content are displayed; when a first selection operation performed on the application insertion control is detected, an operation response is performed, and at least one application identifier that matches different functional applications is displayed; further, when a second selection operation is detected for a specific application identifier among the above-mentioned at least one application identifier, an operation response is performed, and a content editing interface of a specific functional application that matches the specific application identifier is displayed, and the specific application content is edited through the content editing interface; in this way, when a first insertion request triggered by the above-mentioned edited specific application content is detected, a request response is performed, and the specific application content that is set to be edited and other operations using the above-mentioned specific functional application is inserted and displayed in the document content area. By utilizing the above-mentioned document content processing method, a specific application identifier can be directly selected from the application insertion control to directly insert a specific function application matching the specific application identifier into the document content area, and edit, insert and display the specific application content. During the operation, there is no need to screen the inserted content layer by layer for information such as type and template style. Instead, the corresponding application content is directly determined based on the specific application identifier and its matching specific function application, thereby achieving the purpose of reducing the number of interactions and reducing the complexity of the process, and avoiding the limitations of the above-mentioned information such as type and template style, thereby further achieving the technical effect of improving the processing efficiency of the document content and solving the technical problem of low document content processing efficiency in related technologies. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The drawings described herein are used to provide a further understanding of the present application and constitute a part of the present application. The illustrative embodiments of the present application and their descriptions are used to explain the present application and do not constitute an improper limitation on the present application. In the drawings:

[0021] Figure 1 is a schematic diagram of an application environment of an optional document content processing method according to an embodiment of the present application;

[0022] Figure 2 is a schematic diagram of a process of an optional method for processing document content according to an embodiment of the present application;

[0023] Figure 3 is a schematic diagram of an optional method for processing document content according to an embodiment of the present application;

[0024] Figure 4 is a schematic diagram of an optional method for processing document content according to an embodiment of the present application;

[0025] Figure 5 is a schematic diagram of an optional method for processing document content according to an embodiment of the present application;

[0026] Figure 6 is a schematic diagram of an optional method for processing document content according to an embodiment of the present application;

[0027] Figure 7 is a schematic diagram of an optional method for processing document content according to an embodiment of the present application;

[0028] Figure 8 is a schematic diagram of an optional method for processing document content according to an embodiment of the present application;

[0029] Fig. 9 is a schematic diagram of an optional method for processing document content according to an embodiment of the present application;

[0030] Fig.10 is a schematic diagram of an optional method for processing document content according to an embodiment of the present application;

[0031] Fig.11 is a schematic diagram of an optional document content processing device according to an embodiment of the present application;

[0032] Fig.12 A schematic structural diagram of an optional electronic device according to an embodiment of the present application. DETAILED DESCRIPTION

[0033] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present application.

[0034] It should be noted that the terms "first", "second", etc. in the specification and claims of the present application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device comprising a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0035] In order to help you better understand the contents of the embodiments of this application, the following key terms are explained below:

[0036] i frame: HTML tag, document within a document, or floating frame. The i frame element creates an inline frame (i.e., inline frame) that contains another document.

[0037] postMessage: An API introduced by HTML5 that allows cross-origin communication to be implemented safely. Normally, for scripts on two different pages, the two scripts can communicate with each other only if the pages that execute them are located on a page with the same protocol (usually https), port number (443 is the default value for https), and host (the modulus Document.domain of the two pages is set to the same value). The postMessage method provides a controlled mechanism to circumvent this limitation, and this method is safe as long as it is used correctly.

[0038] Third-party applications: Related software developed by other organizations or individuals other than the software developer to address the functional deficiencies of a certain software or application.

[0039] According to one aspect of the embodiments of the present application, a method for processing document content is provided. Optionally, as an optional implementation, the method for processing document content can be applied to, but is not limited to, Figure 1 In the environment shown, the environment may include, but is not limited to, a client 102 and a server 112 . The client 102 may include, but is not limited to, a display 104 , a processor 106 , and a memory 108 . The server 112 includes a database 114 and a processing engine 116 .

[0040] The specific process can be as follows:

[0041] Step S102, the client 102 obtains a processing request for document content, wherein the document content is displayed in a document content area 1002 displayed by the document application 1001, and the document application 1001 also displays an application insertion control 1002, and the application insertion control 1002 is used for touch control to obtain at least one application identifier, and the processing request is used to request to insert and display specific application content of a specific functional application in the document content area 1002 of the document application 1001;

[0042] Steps S104-S106, the client 102 sends the above processing request to the server 112;

[0043] Step S108, the server 112 responds to the processing request and determines a specific application identifier from at least one application identifier through the processing engine 116;

[0044] Step S110, obtaining a content editing interface of a specific function application that matches a specific application identifier;

[0045] Steps S116-S118, sending the above-mentioned content editing interface to the client 102 through the network 110, wherein the processor 106 in the client 102 is used to receive the above-mentioned content editing interface, and after processing the relevant display data, display it on the display 104, and store the relevant data in the memory 108.

[0046] remove Figure 1 In addition to the examples shown, the above steps can be completed independently by the client or the server, or by the client and the server working together, such as the client 102 executing the above steps S108 to S109, thereby reducing the processing pressure of the server 112. The client 102 includes but is not limited to a laptop, a tablet computer, a desktop computer, a smart TV, etc., and the present application does not limit the specific implementation of the client 102. The server 112 can be a single server or a server cluster consisting of multiple servers, or a cloud server.

[0047] Optionally, as an optional implementation, as Figure 2 As shown, the document content processing method can be executed by an electronic device, such as Figure 1 The client or server shown in the figure includes:

[0048] S202, displaying a document content area and an application insertion control, wherein the document content area is used to display document content, and the application insertion control is used to select a functional application that can edit application content, and the document content includes application content;

[0049] S204, in response to a first selection operation performed on the application insertion control, displaying at least one application identifier, wherein each application identifier in the at least one application identifier matches a different functional application respectively;

[0050] S206, in response to a second selection operation performed on the specific application identifier, displaying a content editing interface for the specific function application, wherein the at least one application identifier includes the specific application identifier, the specific function application is a function application matched by the specific application identifier, the content editing interface is used to edit the specific application content, and the content type of the specific application content is a content type that can be edited by the specific function application;

[0051] S208, in response to a first insertion request triggered by specific application content, inserting and displaying the specific application content in the document content area, wherein the insertion request is used to request the insertion of a specific functional application, and setting the use of the specific functional application when editing the specific application content in the document content area.

[0052] Optionally, in this embodiment, the above document content processing method can be applied to, but not limited to, content processing scenarios of document applications, by inserting third-party applications to improve the expressiveness of documents and the user experience of document applications. For example, by inserting a mind map into a document, the user (the user of the document) can use the form of a mind map to express his or her core points, thereby expanding the form of expression of the text. Another example is in a collaborative scenario, by inserting work items (such as a demand sheet) into a document application, work items and progress can be well shared in the document with other partners.

[0053] It should be noted that in the prior art, in order to improve the expressiveness of the document, the method often used is to insert the respective types of attachment content based on the document content. In the specific implementation process of this method, it is necessary to first determine the attachment type (such as picture type, table type, etc.), and then find the available template style under the attachment type (such as jpg template, png template under the picture type, etc.), and then insert the corresponding attachment content. However, the above operation method not only has cumbersome interactive steps and complicated processes, but the inserted content is also limited by the optional attachment type and available template styles, which leads to low processing efficiency for inserting other content into the document content.

[0054] In order to solve the problem of low processing efficiency of the document content mentioned above, the document content processing method of this embodiment can directly select a specific application identifier from the application insertion control to directly insert a specific function application matching the specific application identifier into the document content area, and edit, insert and display the specific application content. During the operation, there is no need to screen the type, template style and other information of the inserted content layer by layer. Instead, the corresponding application content is determined directly based on the specific application identifier and its matching specific function application, thereby achieving the purpose of reducing the number of interactions and reducing the complexity of the process, and avoiding the limitations of the above-mentioned type, template style and other information, thereby further achieving the technical effect of improving the processing efficiency of the document content.

[0055] Optionally, in this embodiment, the document content area may be, but is not limited to, an area in a document application for displaying document content (ie, document content), wherein the document application may be, but is not limited to, a local document, and may also be, but is not limited to, an online document.

[0056] Optionally, in this embodiment, the application insert control may be, but is not limited to, an insert control displayed in the top menu bar of the document application, wherein when the user selects the application insert control, at least one application identifier may be displayed, but is not limited to.

[0057] Optionally, in this embodiment, each application identifier corresponds to a functional application. For example, when the application identifier is a picture identifier, the corresponding functional application is a picture application; when the application identifier is a table identifier, the corresponding functional application is a table application; when the application identifier is a video identifier, the corresponding functional application is a video application… This embodiment does not limit the specific types and quantities of actual application identifiers and corresponding functional applications, which will not be repeated here.

[0058] Optionally, in this embodiment, when the user selects a specific application identifier among at least one application identifier, a second selection operation that is triggered on the specific application identifier is determined, and a content editing interface of a specific functional application that matches the specific application identifier is displayed, wherein the content editing interface may include, but is not limited to, multiple editing components, and the user may create or edit specific application content based on, but is not limited to, multiple editing components.

[0059] Optionally, in this embodiment, when the document content area is the content area of ​​a local document, the functional application that matches the application identifier may be but is not limited to a local functional application that matches the local application identifier, wherein the local functional application is a background running application that the local document application allows to be inserted, and the background running application is an application that runs in the background of the local document application and is prohibited from interfering with the local document application.

[0060] Optionally, in this embodiment, when the document content area is the content area of ​​an online document, the functional application that matches the application identifier may be but is not limited to an online functional application that matches the online application identifier, wherein the online functional application is a pre-configured third-party application that has an association relationship with the online document.

[0061] For example, Figure 3 As shown in (a) of FIG. 3 , an application insert control 304 and a document content area 306 are displayed on a document application 302. When a user clicks on the application insert control 304 through a touch operation, a first selection operation on the application insert control is triggered. Further, in response to the first selection operation, Figure 3 As shown in (b) of FIG. 1 , at least one application identifier is displayed, including application identifier 308, application identifier 310, and application identifier 312. For example, the user further clicks on application identifier 308 through a touch operation to determine the triggering of the second selection operation performed on application identifier 308, such as Figure 3 As shown in (c) of FIG. 3 , a content editing interface 314 of a target application matching the application identifier 308 is displayed, wherein the content editing interface 314 includes an editing component ( Figure 3(not shown) and cancel button 316, confirm button 318. When the user clicks the confirm button 318 on the content editing interface 314 through a touch operation, the first insertion request for the newly created or edited application content in the content editing interface 314 is triggered. Figure 3 As shown in (d) in the figure, application content 320 is inserted and displayed in the document content area 306, wherein when the application content 320 is edited in the document content area 306, the target application mentioned above needs to be used to start and edit it.

[0062] To further illustrate, Figure 3 The content editing interface 314 shown in (c) is an interface for editing a flowchart (drawing) as an example. Figure 4 In the flowchart editing interface 402 shown, various types of general graphics can be added using a graphic component 404, and parameters of the selected general graphics, page information or other content can be adjusted using a parameter adjustment component 406.

[0063] And, to further illustrate, Figure 3 The application content 320 shown in (d) is the above edited flowchart as an example, and the effect after insertion and display is as follows Figure 5 As shown, the application content 502 (corresponding to Figure 3 The application content 320 shown in (d) in FIG. 1 is inserted and displayed in the document content area 504 (corresponding to Figure 3 The document content area 306 shown in (d)).

[0064] Through the embodiments provided by the present application, a specific application identifier is directly selected from the application insertion control to directly insert a specific function application matching the specific application identifier into the document content area, and edit, insert and display the specific application content. During the operation, there is no need to perform layer-by-layer screening of information such as type and template style on the inserted content. Instead, the corresponding application content is directly determined based on the specific application identifier and its matching specific function application, thereby achieving the purpose of reducing the number of interactions and reducing the complexity of the process, and avoiding the limitations of the above-mentioned information such as type and template style, thereby further achieving the technical effect of improving the processing efficiency of the document content.

[0065] As an optional solution, after inserting and displaying the specific application content in the document content area, the method further includes:

[0066] S1, in response to a start request triggered by specific application content displayed in a document content area, displaying a content editing interface and the specific application content in the content editing interface, wherein the start request is used to request to start a specific functional application to operate the specific application content.

[0067] Optionally, in this embodiment, the start request may be, but is not limited to, a request triggered by specific application content in the document content area and used to request the start of a specific function application to operate and edit the specific application content.

[0068] Optionally, in this embodiment, in response to the above-mentioned start request, the content editing interface and the specific application content in the content editing interface are displayed.

[0069] Through the embodiments provided by the present application, after inserting and displaying specific application content in the document content area, the content editing interface of the specific functional application of the specific application content is called through the above-mentioned startup request to complete the editing and operation of the specific application content, thereby achieving the purpose of quickly and efficiently editing the content of other applications inserted in the document application, avoiding the process of switching back and forth between additional applications, and achieving the technical effect of improving the processing efficiency of document content.

[0070] As an optional solution, the content editing interface and specific application content in the content editing interface are displayed, including:

[0071] S1, displaying a content editing interface in a document display area, and displaying editable specific application content in the content editing interface, wherein the editable specific application content allows editing in the content editing interface; or,

[0072] S2, displaying the edited specific application content in the document display area, and displaying the content editing interface outside the document display area, and displaying the editable specific application content in the content editing interface, wherein the edited specific application content is the presentation content after the editable specific application content is edited.

[0073] Optionally, in this embodiment, the content editing interface may be displayed in an embedded manner in the document display area, but is not limited to the embedded manner, wherein the editable specific application content is displayed in the content editing interface.

[0074] To further illustrate, Figure 6 As shown, the document application 602 is displayed in full screen on the client (not shown in the figure), a document display area 604 is displayed on the document application 602, a content editing interface 606 is displayed in the document display area 604, and editable specific application content 608 is displayed in the content editing interface 606, wherein the specific application content 608 allows editing in the content editing interface 606.

[0075] Optionally, in this embodiment, the content editing interface may be displayed outside the document display area but is not limited to displaying the content editing interface, wherein the editable specific application content is displayed in the content editing interface and the presentation content after the edited specific application content is displayed in the document display area.

[0076] It should be noted that displaying the content editing interface outside the document display area may include, but is not limited to, displaying the document display area (or the document application to which the document display area belongs, the same below, no further details) and the content editing interface in parallel, wherein the document display area is located on the left, occupying the left area of ​​the total display area of ​​the client, and the content editing interface is located on the right, occupying the right area of ​​the total display area of ​​the client; it may also include, but is not limited to, displaying the document display area and the content editing interface in parallel, wherein the document display area is located on the upper side, occupying the upper area of ​​the total display area of ​​the client, and the content editing interface is located on the lower side, occupying the lower area of ​​the total display area of ​​the client.

[0077] It can be understood that the above-mentioned parallel display or parallel display can be, but is not limited to, set to each occupy half of the total display area, or be divided according to other proportions, and this embodiment does not impose any limitation on this.

[0078] For further explanation, take the document application and content editing interface to which the document display area belongs to be displayed in parallel as an example. Figure 7 As shown, the document application 702 and the content editing interface 706 are displayed in parallel, and each occupies half of the client display interface. The document display area 704 of the document application 702 displays the presentation content 710, wherein the presentation content 710 is the presentation form (preview form) of the specific application content 708 edited in the content editing interface 706.

[0079] Through the embodiments provided by the present application, when the content editing interface is displayed in the document display area, and when the editable specific application content is displayed in the content editing interface, the user can quickly edit the specific application content in the document display area, thereby achieving the technical effect of improving the processing efficiency of the document content; when the edited specific application content is displayed in the document display area, and the content editing interface is displayed outside the document display area, and when the editable specific application content is displayed in the content editing interface, the user can simultaneously pay attention to the edited specific application content displayed in the document display area and the specific application content being edited in the content editing interface, avoiding the defects of cumbersome operation and poor user experience caused by switching back and forth between different document applications and specific applications, and can help users to make timely adjustments to the current editing content according to the edited performance content, thereby improving the processing flexibility of the document content, thereby achieving the technical effect of improving the processing efficiency of the document content.

[0080] As an optional solution, displaying the document content area and applying the inserted control includes at least one of the following:

[0081] S1, displaying a first document content area and a first application plug-in control, wherein the first document content area is used to display local document content, the first application plug-in control is used to select a local functional application that can edit the first application content, and the local document content includes the first application content;

[0082] S2, displaying a second document content area and a second application plug-in control, wherein the second document content area is used to display online document content, and the second application plug-in control is used to select an online functional application that can edit the second application content, and the online document content includes the second application content.

[0083] Optionally, in this embodiment, the document content may be but is not limited to a local document or an online document, wherein, when the document content is a local document, the document content area is the first document content area of ​​the local document, the first application plug-in control is used to select a local functional application that can edit the first application content, and the local document content includes the first application content.

[0084] Optionally, in this embodiment, when the document content is an online document, the document content area is a first content display area of ​​the online document, the second application plug-in control is used to select an online functional application that can edit the second application content, and the online document content includes the second application content.

[0085] As an optional solution, after displaying the first document content area and the first application plug-in control, the method further includes:

[0086] S1, in response to a third selection operation performed on the first application insert control, displaying at least one local application identifier, wherein each local application identifier in the at least one local application identifier matches a different local functional application, respectively, the local functional application is a background running application allowed to be inserted by the local document application, the background running application is a background application that runs the local document application and is prohibited from interfering with the local document application, and the local document application is used to display the first document content area and the first application plug-in control;

[0087] S2, in response to a fourth selection operation performed on the specific local application identifier, displaying a local content editing interface of the specific local function application, wherein the at least one local application identifier includes the specific local application identifier, the specific local function application is a background running application matched by the specific local application identifier, and the local content editing interface is used to edit the specific local application content, and the specific local application content is the local application content obtained by the most recent processing using the specific local function application;

[0088] S3: In response to a second insertion request triggered by specific local application content, insert and display the specific local application content in the first document content area.

[0089] Optionally, in this embodiment, each local application identifier corresponds to a local functional application, wherein the local functional application is a background running application that the local document application allows to be inserted, and other running applications are background applications that run the local document application and are prohibited from interfering with the local document application. The local document application is used to display the first document content area and the first application plug-in control.

[0090] Optionally, in this embodiment, in response to the third selection operation performed on the first application insertion control, at least one background running application when the local document application is running is obtained, and at least one target background running application in which the local document is inserted and prohibited from interfering with the local document application is determined from the at least one background running application, and the application identifier of the at least one target background running application is displayed.

[0091] Optionally, in this embodiment, when the user selects a specific local application identifier among at least one local application identifier, a fourth selection operation is determined to be triggered for the specific local application identifier, and a local content editing interface of a specific local functional application that matches the specific local application identifier is displayed, wherein the local content editing interface is used to edit specific local application content, and the specific local application content is the local application content obtained by the most recent processing using the specific local functional application.

[0092] It should be noted that, in response to the second insertion request triggered by the specific local application content, the specific local application content is inserted and displayed in the first document content area.

[0093] Through the embodiments provided by the present application, in the document content processing scenario of a local document, local functional applications that can be inserted into the local document are screened and determined based on the historical usage information of the user's local applications, and the identification of the local functional applications is displayed, so that the user can, in the process of using the local document, through the third selection operation and the fourth selection operation, quickly and flexibly insert the specific local application content of the historically used background running application into the local document, without switching applications back and forth, and without considering the extra time required to restart the application, thereby achieving the technical effect of improving the processing efficiency of the document content.

[0094] As an optional solution, after displaying the second document content area and the second plug-in control, the method further includes:

[0095] S1, in response to a fifth selection operation performed on a second application plug-in control, displaying at least one online application identifier, wherein each online application identifier in the at least one online application identifier matches a different online functional application, respectively, the online functional application is a pre-configured third-party application associated with an online document application, and the online document application is used to display a second document content area and a second application plug-in control;

[0096] S2, in response to a sixth selection operation performed on the specific online application identifier, displaying an online content editing interface of the specific online functional application, wherein the at least one online application identifier includes the specific online application identifier, the specific online functional application is a third-party application matched by the specific online application identifier, the online content editing interface is used to edit the specific online application content, and the content type of the specific local application content is a content type editable by the specific local functional application;

[0097] S3: In response to a third insertion request triggered by the specific online application content, insert and display the specific online application content in the second document content area.

[0098] Optionally, in this embodiment, each online application identifier corresponds to a local online application, wherein the online functional application is a pre-configured third-party application associated with the online document application, and the online document application is used to display the second document content area and the second application plug-in control.

[0099] Optionally, in this embodiment, when the user selects a specific online application identifier among at least one online application identifier, it is determined to trigger a sixth selection operation on the online local application identifier, and an online content editing interface of a specific online functional application matching the specific online application identifier is displayed, wherein the online content editing interface is used to edit the specific online application content, and the content type of the specific local application content is a content type that can be edited by the specific local functional application.

[0100] It should be noted that, in response to the third insertion request triggered by the specific online application content, the specific online application content is inserted and displayed in the second document content area.

[0101] Through the embodiments provided by the present application, in a document content processing scenario of an online document, identification information of a pre-configured third-party application associated with an online document application is displayed, so that the user can quickly and flexibly insert application content of the third-party application associated with the online application into the online document through the fifth selection operation and the sixth selection operation during the use of the online document, without having to switch applications back and forth, thereby achieving the technical effect of improving the processing efficiency of the document content.

[0102] As an optional solution, before displaying at least one online application identifier in response to a fifth selection operation performed on the second application insertion control, the method further includes:

[0103] S1, obtaining a configuration request carrying at least one configuration information, wherein the at least one configuration information includes name information, icon information, resource location information, and style information of at least one third-party application;

[0104] S2, establishing an association relationship between at least one third-party application and the online document application based on the resource location information and the style information;

[0105] S3, generating at least one online application identifier corresponding to at least one third-party application according to the name information and the icon information, and displaying the at least one online application identifier in the top area of ​​the online document application, wherein the second document content area includes the top area.

[0106] Optionally, in this embodiment, when it is necessary to add a new third-party application to the online document application, a configuration request carrying at least one configuration information is initiated, wherein the at least one configuration information includes name information, icon information, resource location information and style information of at least one third-party application, and the configuration request is used to request to establish an association relationship between the at least one third-party application and the online document application.

[0107] Optionally, in this embodiment, the name information may be but is not limited to the Chinese name used to indicate the third-party application, the icon information may be but is not limited to the icon LOGO used to indicate the third-party application, and the name information and icon information may be but are not limited to being used to generate an online application logo corresponding to the third-party application to be displayed in the top area of ​​the online document application.

[0108] Optionally, in this embodiment, the resource location information may include, but is not limited to, new application URL information and edited application URL information of the third-party application, wherein the new application URL information may be, but is not limited to, used to indicate the URL information of the third-party application that needs to be called when creating specific online application content corresponding to the third-party application in the second document content area; the edited application URL information may be, but is not limited to, used to indicate the URL information of the third-party application that needs to be called when editing specific online application content corresponding to the third-party application in the second document content area.

[0109] Optionally, in this embodiment, the style information may be, but is not limited to, a first component style and a second component style used to indicate the online application content corresponding to the third-party application in the second document content area, wherein the first component style application indicates the style of inserting the online application content in the second document content area, and the second component style application indicates the viewing style and storage style of the online application content in the second document content area.

[0110] It should be noted that an association relationship between at least one third-party application and the online document application is established based on the resource location information and the style information.

[0111] It is understandable that the configuration information may also include but is not limited to ID information that uniquely identifies the third-party application, environment type information that indicates the type of working environment corresponding to the third-party application, etc. The specific settings can be adjusted according to actual needs, and this embodiment does not limit this.

[0112] To further illustrate, an optional configuration management module for implementing the above-mentioned association relationship of a third-party application is as follows: Figure 8 As shown in Figure 1, when a new third-party application with the above association needs to be added, the developer configures the relevant information of the third-party application in the background. The configuration management module will read the relevant configuration and render the application name and application logo information to the menu bar at the top of the online document. The user (the user of the online document) can then use the newly added third-party application in the document. The configuration information of the third-party application configuration management module is as follows: Figure 8 , the meaning of each configuration item is as follows.

[0113] Person in charge: represents the person in charge of access to the third-party application. The person in charge is responsible for the maintenance and development of the application.

[0114] Third-party application ID: The unique identifier of a third-party application, used to identify the application. This ID is relied upon in subsequent implementations.

[0115] Chinese name of third-party application: used to display the name of the application in documents or other promotional materials.

[0116] Component type: used to generate user-defined labels, providing five types: text, hyperlink, image, i frame, and custom code.

[0117] Application logo: used to display the application logo in documents or other promotional materials.

[0118] Environment type: used to distinguish whether it is a formal production environment. Two types of environments are available: production and test.

[0119] Implementation method: There are two implementation methods, namely system default and custom coding. The system provides a standard access method for third-party applications by default, without the need for secondary development code. Custom coding requires secondary development code when accessing third-party applications.

[0120] New application URL: the URL of the new application in the third-party application.

[0121] Edit application URL: the URL corresponding to the edit application in the third-party application.

[0122] Through the embodiments provided in the present application, by carrying a configuration request with configuration information, it is possible to add a third-party application associated with an online document application according to relevant parameter information in the configuration information, thereby achieving the purpose of flexibly adding insertable third-party applications in an online document, thereby achieving the technical effect of improving the processing efficiency of document content.

[0123] As an optional solution, establishing an association relationship between at least one third-party application and the online document application based on the resource location information and the style information includes:

[0124] S1, obtaining application resource information of at least one third-party application indicated by resource location information, and obtaining a first component style and a second component style of online application content corresponding to at least one third-party application indicated by style information, wherein the first component style is used to indicate a style of inserting the online application content into a second document content area, and the second component style is used to indicate a viewing style and a storage style of the online application content in the second document content area;

[0125] S2: Assemble and generate an association tag for indicating an association relationship between at least one third-party application and the online document application according to the application resource information, the first component style and the second component style.

[0126] Optionally, in this embodiment, the resource location information may include, but is not limited to, new application URL information and edited application URL information of the third-party application, wherein the new application URL information may be, but is not limited to, used to indicate the URL information of the third-party application that needs to be called when creating specific online application content corresponding to the third-party application in the second document content area; the edited application URL information may be, but is not limited to, used to indicate the URL information of the third-party application that needs to be called when editing specific online application content corresponding to the third-party application in the second document content area.

[0127] Optionally, in this embodiment, the style information may be, but is not limited to, a first component style and a second component style used to indicate the online application content corresponding to the third-party application in the second document content area, wherein the first component style application indicates the style of inserting the online application content in the second document content area, and the second component style application indicates the viewing style and storage style of the online application content in the second document content area.

[0128] Optionally, in this embodiment, the associated tag may be, but is not limited to, an HTML tag including the above-mentioned resource information, a first component style, and a second component style, wherein the first component style / second component style may be, but is not limited to, a text style, a hyperlink style, an image style, an iframe style, and a custom coding style.

[0129] To further illustrate, the associated tag may be, but is not limited to, <application ID=id1, new URL=url1, edit URL=url2, first component style=img, second component style=img>. In this embodiment, it indicates that there is an associated relationship between the third-party application with application ID id1 and the online document application, and when inserting the online content of the third-party application in the second document content area of ​​the online document application, the third-party application resource of url1 is called, and when editing the online content of the third-party application in the second document content area, the third-party application resource of url2 is called, and the online content is inserted in the picture (img) style when inserted, and is also viewed and stored in the picture (img) style when viewed and stored.

[0130] Through the embodiments provided in the present application, based on the application resource information, the first component style and the second component style, associated tags with an associated relationship are generated, and the content presentation method, editing method and storage method of the third-party application in the inserted online document application can be flexibly set and implemented, thereby achieving the purpose of improving the flexibility and scalability of document content processing, thereby achieving the technical effect of improving the processing efficiency of document content.

[0131] As an optional solution, in response to the third insertion request triggered by the specific online application content, inserting and displaying the specific online application content in the second document content area includes:

[0132] S1, obtaining a specific association tag between a specific online functional application and online application content, wherein the specific association tag includes a first specific component style and a second specific component style corresponding to the specific online functional application;

[0133] S2: inserting the specific online content into the second document content area according to the first specific component style, and displaying the specific online content in the second document content area according to the viewing style indicated by the second specific component style.

[0134] Optionally, in this embodiment, in response to a third insertion request triggered by specific online application content, a specific association tag between the specific online functional application and the online application content is obtained, wherein the association tag includes a specific association tag, and the specific association tag includes a first specific component style and a second specific component style corresponding to the specific online functional application.

[0135] Optionally, the first specific component style may be, but is not limited to, a style for indicating the insertion of specific online application content into an online document application, and the second specific component style is used to indicate a viewing style and a storage style of the specific online application content in the online document application.

[0136] Through the embodiments provided by the present application, specific online content is inserted into the second document content area according to the first specific component style and displayed according to the viewing style indicated by the second specific component style, so as to achieve the purpose of quickly and flexibly inserting and displaying the application content of a third-party application that has an associated relationship with the online application in the document, thereby achieving the technical effect of improving the processing efficiency of the document content.

[0137] As an optional solution, after inserting and displaying the specific application content in the document content area, the method further includes:

[0138] S1, in response to a storage request triggered by specific application content displayed in a document content area, the specific application content is stored in a storage area according to a storage style, wherein the storage request is used to request storage of the specific application content, and the storage area includes at least one of the following: a local storage area, an online storage area.

[0139] Optionally, in this embodiment, the storage request may be, but is not limited to, used to request storage of specific application content, and may be, but is not limited to, used to instruct exporting specific application content from a document content area to a storage area, wherein the storage area may be, but is not limited to, including at least one of the following: a local storage area, an online storage area.

[0140] Optionally, in this embodiment, the local storage area may be but is not limited to a local file storage area for indicating a client for displaying a document application, and the online storage area may be but is not limited to a cloud file storage area associated with a user of the document application.

[0141] Through the embodiments provided in the present application, corresponding styles are set for different operation events (including insert events, display / view events, and storage events), thereby achieving the purpose of flexibly inserting, displaying / viewing, or storing application content related to the application in a document, thereby realizing the technical effect of improving the processing efficiency of document content.

[0142] As an optional solution, the above document content processing method is applied to the scenario of inserting a third-party application into a document. The product-side interaction and interface UI in this scenario are shown as follows: Figure 4 and Figure 5 When editing content in a document, users can choose to insert different third-party applications in the top menu bar. After clicking Insert third-party application, users can edit the third-party application in the pop-up window of the document. The interface interaction is as follows: Figure 4 After successful insertion, the content of the third-party application will be displayed in the document content area, such as Figure 5 .

[0143] Furthermore, in terms of technical implementation, it includes two modules, namely a third-party application configuration management module and a third-party application implementation module.

[0144] (1) Third-party application configuration management module

[0145] The main function of the third-party application configuration management module is to configure the information of third-party applications. When a new third-party application needs to be added, the developer configures the relevant information of the third-party application in the background. The configuration management module will read the relevant configuration and render the application name and application logo information to the menu bar at the top of the document. The user (the user of the document) can then use the newly added third-party application in the document. The configuration information of the third-party application configuration management module is as follows: Figure 8 For details of the configuration items, see the above Figure 8 The embodiments shown will not be described in detail here.

[0146] (2) Third-party application implementation module

[0147] For the convenience of explanation, the third-party application in this embodiment will be introduced by taking the insertion of flowchart application as an example, and the implementation principles of other third-party applications are basically the same. The implementation of inserting flowchart in the document includes four practical application scenarios, namely:

[0148] Create a new flowchart: corresponds to the user's operation of creating a new flowchart in the document.

[0149] Edit flowchart: corresponds to the operation of the user editing the inserted flowchart in the document.

[0150] View flowchart: corresponds to the operation of the user directly viewing the flowchart.

[0151] Export flowchart: corresponds to the operation of exporting the document containing the flowchart as PDF or local Word document.

[0152] (2.1) Create a new flow chart

[0153] It should be noted that when the actual document product is connected to a third-party application, it is usually necessary to open up the account and permissions of the document and the third-party application. Since it is not a major process, the processing of user accounts and permissions will not be involved in this embodiment.

[0154] The overall process of creating a new flowchart is as follows Fig. 9 As shown, the specific steps include the following steps.

[0155] Step S902: After adding a flowchart application in the configuration management module, the document user (document user) selects to create a new flowchart.

[0156] Step S904: trigger a new flowchart event in the document and forward it to inform the third-party application implementation module.

[0157] Step S906: The third-party application implementation module requests the third-party application access module to obtain the flowchart application configuration.

[0158] Step S908, loading the flowchart application pop-up window in the application implementation module.

[0159] Step S910, loading the new application interface of the third-party application (flowchart application) in a pop-up window, that is, the new application URL provided by the configuration management module above. The application loading pop-up window is a front-end Web component that supports opening the URL content in a pop-up window in a browser Web application.

[0160] Step S912, binding the flowchart application pop-up event in the third-party application implementation module.

[0161] Step S914, determining that the flowchart application loading is complete.

[0162] Step S916: The user requests to develop (edit) the flowchart.

[0163] Step S918: the flowchart application responds to the editing action.

[0164] Step S920: The user completes the flow chart development and closes the application pop-up window.

[0165] Step S922: The third-party application implementation module responds to the pop-up window closing event.

[0166] Step S924: the third-party application implementation module pushes a close event to the flowchart application.

[0167] Step S926, the flowchart application responds to the close event and pushes the flowchart data to the third-party application implementation module.

[0168] Step S928: The third-party application implementation module inserts the flowchart HTML tag into the document.

[0169] Step S930: The document displays the flowchart HTML to the user.

[0170] Further explanation: After opening a third-party application in a pop-up window, users can edit the flowchart in the pop-up window. Figure 4 As shown. Figure 4In the dialog box, the user can click the OK and Cancel (Close) buttons to save and cancel the editing operation. After clicking the OK button, the application implementation module will push the OK close event and related data to the third-party application in the pop-up box in the postMessage mode. The third-party application needs to detect the OK close event pushed by the application implementation module and process it. After the processing is completed, the third-party application needs to push the processing completion event and push the data of the third-party application back to the third-party application implementation module in the postMessage mode.

[0171] Taking the flowchart as an example, after the user clicks OK, the flowchart application will obtain the original data of the current flowchart and use the javascript image export library on the front end to export the flowchart into an image (base64 encoding). Then the original data of the flowchart and the exported image (base64 encoding) are pushed back to the application implementation module. After the application implementation module receives the original data of the flowchart and the exported image, it will submit it to the back-end service of the application implementation module. Then, by assembling the component type and related properties of the component in the application configuration management module, we can finally get the custom HTML tag of the flowchart that can be inserted into the document. Specifically, the flowchart selects the image component, and the HTML tag of the image component is<imgdata-id="{i d}"data-type="{type}"src="{img_src}"alt="graph"> , where the value of the tag attribute data-id is the ID returned after the original content of the flowchart is submitted to the backend service, the value of data-type is the flowchart application, and the value of src is the exported image access address. Finally, the complete img tag of the flowchart application can be assembled.

[0172] (2.2) Editing flowchart

[0173] The overall process of editing the flowchart is as follows Fig.10 As shown, the specific steps include the following steps.

[0174] Step S1002: The user requests to edit the flowchart on the document.

[0175] Step S1004: The user slides the mouse to the custom label of the third-party application and clicks Edit Flowchart Application (third-party application).

[0176] Step S1006, the third-party application implementation module obtains the application ID from the custom tag, such as the data-id above. The original data of the flowchart can be obtained from the backend of the application implementation module through the application ID. At the same time, the editing application interface of the third-party application will be loaded in the application implementation module in the form of a pop-up window, that is, the editing application URL of the third-party application provided by the configuration management module. Obtain the original data of the flowchart.

[0177] Step S1008, hiding the pop-up window and loading the flowchart application in the pop-up window.

[0178] Step S1010, determining whether the flowchart application loading is complete.

[0179] Step S1012: the third-party application implementation module pushes update events and original data to the flowchart application.

[0180] Step S1014: the third-party application implementation module responds to the update event and updates the original data.

[0181] Step S1016, displaying a flowchart pop-up box in the document.

[0182] Step S1018, the user requests to develop (edit) the flowchart.

[0183] Step S1020: the flowchart application responds to the editing action.

[0184] It should be noted that after obtaining the original data, the third-party application implementation module will push the update event and the original data of the flowchart to the flowchart application in the pop-up box in the postMessage mode. After receiving the update event and the original data, the flowchart application will re-render by loading the original data, load the flowchart corresponding to the original data, and open the previously saved flowchart. After opening the previously saved flowchart, the user can re-edit the previous flowchart application. The subsequent editing and saving operations are the same as the new process. Figure 1 I will not elaborate on this here.

[0185] (2.3) View the flow chart

[0186] In the document, the flowchart application is inserted into the document in the form of a picture. Since iframe is not used, the flowchart can be viewed directly in the document as a picture.

[0187] (2.4) Export flowchart

[0188] The exported flowchart is no longer inserted into the document's HTML structure as an iframe, so you can export the flowchart directly as an image.

[0189] It should be noted that, compared with using iframe embedding to implement the insertion of third-party applications, this embodiment uses custom tags to replace traditional iframe embedding to solve the following compatibility problems, poor user experience problems and functional abnormalities caused by using iframe.

[0190] Compatibility issues: When using i frame embedding to insert third-party applications, when exporting third-party applications as local documents, the content of the third-party applications cannot be exported as local files because local documents cannot support iframes. In addition, when copying and pasting the content of the third-party application inserted into the document (such as a mind map) into other applications, it cannot be copied. Finally, there is the browser compatibility. For example, in low-version or some mobile browsers, when the third-party application in the iframe relies on canvas or svg technology, it cannot be viewed.

[0191] For the compatibility issues caused by using iframe, different third-party applications can select different component types in the configuration management module using the method of this embodiment. Different component types correspond to different HTML tags, text components correspond to pre tags in HTML, hyperlinks correspond to a tags in HTML, images correspond to img tags in HTML, and iframes correspond to iframe tags in HTML. Custom coding requires combining multiple HTML tags into a new custom component.

[0192] When accessing a third-party application, you need to add the processing logic for the close and update events for the third-party application. After editing the third-party application and confirming to save, the close event processing logic will be executed. In the close event processing logic, you can use javascript to obtain the key information of the third-party application. Then assemble it with the selected component type (HTML tag), and then insert the assembled complete HTML with the third-party key information back into the document. In this way, the key information of the third-party application is saved in the document.

[0193] Specifically, if the content is a flowchart or mind map, you can use the image component. This will insert the flowchart and mind map into the document as an image, and the image format will not be affected when exporting, copying, and pasting. If it is a to-do list, you can use a hyperlink to display key information. In this way, you don't need to use iframe to display the content of third-party applications, so as to avoid the problems caused by using iframe.

[0194] Poor user experience: Specifically divided into two aspects: interactive experience and function usage. Interactive experience: Creating and editing third-party applications requires jumping to the third-party application to operate, and then returning to the document after the operation is completed, requiring users to jump back and forth between the third-party application and the document. If the user (document user) makes an editing error and needs to go back to the historical version of the third-party application, they need to jump to the third-party application to complete it, and the editing history of the third-party application cannot be seen in the document.

[0195] For the above-mentioned poor user experience problem, using the method of this embodiment, by using pop-up loading and postMessage events, new and edited third-party applications can be opened directly in the document application in the form of pop-up boxes without jumping to the third-party website. When accessing a third-party application, it is necessary to add the processing logic of closing and updating events for the third-party application. In the processing logic of the closing event, javascript can be used to obtain the data of the third-party application, and then submitted to the back-end service of the document application implementation module. The content saved by the document application implementation module can be used as the historical version of the third-party application. Without relying on the historical version of the third-party application.

[0196] Functional abnormality: If the service of a third-party application is abnormal, it will also affect the viewing of the third-party application in the document.

[0197] For the above-mentioned functional abnormality problem, using the method of this embodiment, after using the custom tag, viewing and exporting the flowchart no longer depends on the third-party application. Therefore, the stability and performance of the third-party application will not affect the viewing and exporting functions of the third-party application in the document.

[0198] Through the embodiments provided by the present application, the export, copying and viewing of documents by lower-version browsers can be better supported by using custom HTML tags (non-iframe mode). The creation and editing of third-party applications can be completed inside the document without opening third-party websites, reducing the number of user jumps back and forth. For new application access, only the configuration needs to be added, and then the processing logic for closing and updating events can be added. The access process of third-party applications can be accelerated.

[0199] It is understandable that in the specific implementation of this application, related data such as user information is involved. When the above embodiments of this application are applied to specific products or technologies, user permission or consent is required, and the collection, use and processing of relevant data need to comply with relevant laws, regulations and standards of relevant countries and regions.

[0200] It should be noted that, for the aforementioned method embodiments, for the sake of simplicity, they are all expressed as a series of action combinations, but those skilled in the art should be aware that the present application is not limited by the described order of actions, because according to the present application, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily required by the present application.

[0201] According to another aspect of the embodiment of the present application, a document content processing device for implementing the above document content processing method is also provided. Fig.11 As shown, the device comprises:

[0202] A first display unit 1102 is used to display a document content area and an application insertion control, wherein the document content area is used to display document content, and the application insertion control is used to select a functional application that can edit application content, and the document content includes application content;

[0203] The second display unit 1104 is configured to display at least one application identifier in response to a first selection operation performed on the application insertion control, wherein each application identifier in the at least one application identifier is matched with a different functional application respectively;

[0204] The third display unit 1106 is used to display a content editing interface of a specific functional application in response to a second selection operation performed on the specific application identifier, wherein the at least one application identifier includes a specific application identifier, the specific functional application is a functional application matched by the specific application identifier, the content editing interface is used to edit specific application content, and the content type of the specific application content is a content type that can be edited by the specific functional application;

[0205] Insertion unit 1108 is used to insert and display specific application content in the document content area in response to a first insertion request triggered by specific application content, wherein the insertion request is used to request the insertion of a specific functional application and to set the use of the specific functional application when editing the specific application content in the document content area.

[0206] As an optional solution, the device also includes: a first display module, used to display the content editing interface and the specific application content in the content editing interface in response to a start request triggered by the specific application content displayed in the document content area after inserting and displaying the specific application content in the document content area, wherein the start request is used to request to start a specific functional application to operate the specific application content.

[0207] As an optional solution, the first display module includes: a first display sub-module, used to display a content editing interface in the document display area, and display editable specific application content in the content editing interface, wherein the editable specific application content allows editing in the content editing interface; or, a second display sub-module, used to display edited specific application content in the document display area, and display the content editing interface outside the document display area, and display the editable specific application content in the content editing interface, wherein the edited specific application content is the presentation content after the editable specific application content is edited.

[0208] As an optional solution, the first display unit 1102 includes at least one of the following: a second display module, used to display a first document content area and a first application plug-in control, wherein the first document content area is used to display local document content, and the first application plug-in control is used to select a local functional application that can edit the first application content, and the local document content includes the first application content; a third display module, used to display a second document content area and a second application plug-in control, wherein the second document content area is used to display online document content, and the second application plug-in control is used to select an online functional application that can edit the second application content, and the online document content includes the second application content.

[0209] As an optional solution, the device also includes: a fourth display module, which is used to display at least one local application identifier in response to a third selection operation performed on the first application insertion control after displaying the first document content area and the first application plug-in control, wherein each local application identifier in the at least one local application identifier is matched with a different local functional application, and the local functional application is a background running application allowed to be inserted by the local document application, the background running application is a background running the local document application, and is prohibited from interfering with the local document application, and the local document application is used to display the first document content area and the first application plug-in control; a fifth display module, which is used to display the first document content area and the first application plug-in control after displaying the first document content area and the first application After the plug-in control, in response to the fourth selection operation performed on the specific local application identifier, a local content editing interface of the specific local function application is displayed, wherein at least one local application identifier includes a specific local application identifier, the specific local function application is a background running application matched by the specific local application identifier, and the local content editing interface is used to edit the specific local application content, and the specific local application content is the local application content obtained by the most recent processing using the specific local function application; a first insertion module is used to insert and display the specific local application content in the first document content area in response to a second insertion request triggered for the specific local application content after displaying the first document content area and the first application plug-in control.

[0210] As an optional solution, the device further includes: a sixth display module. After displaying the second document content area and the second plug-in control, in response to a fifth selection operation performed on the second application plug-in control, display at least one online application identifier, wherein each online application identifier in the at least one online application identifier is matched with a different online functional application, respectively, and the online functional application is a pre-configured third-party application associated with the online document application, and the online document application is used to display the second document content area and the second application plug-in control; a seventh display module, after displaying the second document content area and the second plug-in control, in response to a sixth selection operation performed on a specific online application identifier, display an online content editing interface of a specific online functional application, wherein the at least one online application identifier includes a specific online application identifier, the specific online functional application is a third-party application matched with the specific online application identifier, the online content editing interface is used to edit specific online application content, and the content type of the specific local application content is a content type editable by the specific local functional application; a second insertion module, after displaying the second document content area and the second plug-in control, in response to a third insertion request triggered on the specific online application content, insert and display the specific online application content in the second document content area.

[0211] As an optional solution, the device also includes: an acquisition module, which is used to acquire a configuration request carrying at least one configuration information before displaying at least one online application identifier in response to a fifth selection operation performed on the second application insert control, wherein the at least one configuration information includes name information, icon information, resource location information and style information of at least one third-party application; an establishment module, which is used to establish an association relationship between at least one third-party application and an online document application based on the resource location information and style information before displaying at least one online application identifier in response to the fifth selection operation performed on the second application insert control; and a generation module, which is used to generate at least one online application identifier corresponding to at least one third-party application according to the name information and icon information before displaying at least one online application identifier in response to the fifth selection operation performed on the second application insert control, and display the at least one online application identifier in the top area of ​​the online document application, wherein the second document content area includes the top area.

[0212] As an optional solution, the establishment module includes: a first acquisition sub-module, used to acquire application resource information of at least one third-party application indicated by resource location information, and a first component style and a second component style of online application content corresponding to at least one third-party application indicated by style information, the first component style being used to indicate the style of inserting the online application content into the second document content area, and the second component style being used to indicate the viewing style and storage style of the online application content in the second document content area; an assembly sub-module, used to assemble and generate an association tag indicating the association relationship between at least one third-party application and the online document application based on the application resource information, the first component style and the second component style.

[0213] As an optional solution, the second insertion module includes: a second acquisition sub-module, used to obtain specific association tags between a specific online function application and the online application content, wherein the specific association tags include a first specific component style and a second specific component style corresponding to the specific online function application; an insertion sub-module, used to insert the specific online content into the second document content area according to the first specific component style, and display the specific online content in the second document content area according to the viewing style indicated by the second specific component style.

[0214] As an optional solution, the device also includes: a storage module, which is used to store the specific application content in a storage area according to a storage style in response to a storage request triggered by the specific application content displayed in the document content area after inserting and displaying the specific application content in the document content area, wherein the storage request is used to request storage of the specific application content, and the storage area includes at least one of the following: a local storage area and an online storage area.

[0215] According to another aspect of the embodiment of the present application, an electronic device for implementing the above document content processing method is also provided. The electronic device can be but is not limited to being Figure 1 The client 102 or server 112 shown in FIG. 1 is a client 102 or a server 112 shown in FIG. 1 . In this embodiment, the electronic device is used as the client 102 as an example. Fig.12 As shown, the electronic device includes a memory 1202 and a processor 1204. The memory 1202 stores a computer program, and the processor 1204 is configured to execute the steps in any of the above method embodiments through the computer program.

[0216] Optionally, in this embodiment, the electronic device may be located in at least one network device among a plurality of network devices of a computer network.

[0217] Optionally, in this embodiment, the processor may be configured to perform the following steps through a computer program:

[0218] S1, displaying a document content area and an application insertion control, wherein the document content area is used to display document content, and the application insertion control is used to select a functional application that can edit application content, and the document content includes application content;

[0219] S2, in response to a first selection operation performed on the application insertion control, displaying at least one application identifier, wherein each application identifier in the at least one application identifier matches a different functional application respectively;

[0220] S3, in response to a second selection operation performed on the specific application identifier, displaying a content editing interface for the specific function application, wherein the at least one application identifier includes the specific application identifier, the specific function application is a function application matched by the specific application identifier, the content editing interface is used to edit the specific application content, and the content type of the specific application content is a content type that can be edited by the specific function application;

[0221] S4, in response to the first insertion request triggered by the specific application content, the specific application content is inserted and displayed in the document content area, wherein the insertion request is used to request the insertion of a specific functional application, and the specific functional application is set to be used when editing the specific application content in the document content area.

[0222] Alternatively, a person skilled in the art may understand that: Fig.12 The structure shown is for illustration only. Fig.12 The structure of the electronic device is not limited. Fig.12 More or fewer components (such as network interfaces, etc.) as shown in, or with Fig.12 Different configurations are shown.

[0223] Among them, the memory 1202 can be used to store software programs and modules, such as the program instructions / modules corresponding to the document content processing method and device in the embodiment of the present application. The processor 1204 executes various functional applications and data processing by running the software programs and modules stored in the memory 1202, that is, realizing the above-mentioned document content processing method. The memory 1202 may include a high-speed random access memory, and may also include a non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some instances, the memory 1202 may further include a memory remotely arranged relative to the processor 1204, and these remote memories may be connected to the electronic device via a network. Examples of the above-mentioned networks include, but are not limited to, the Internet, corporate intranets, local area networks, mobile communication networks, and combinations thereof. Among them, the memory 1202 can be specifically, but not limited to, used to store information such as document content areas and for inserting controls. As an example, such as Fig.12As shown, the memory 1202 may include, but is not limited to, the first display unit 1102, the second display unit 1104, the third display unit 1106, and the inserting unit 1108 in the document content processing device. In addition, other module units in the document content processing device may also be included but are not limited to, which will not be repeated in this example.

[0224] Optionally, the transmission device 1206 is used to receive or send data via a network. Specific examples of the network may include a wired network and a wireless network. In one example, the transmission device 1206 includes a network adapter (Network Interface Controller, NIC), which can be connected to other network devices and routers via a network cable so as to communicate with the Internet or a local area network. In one example, the transmission device 1206 is a radio frequency (RF) module, which is used to communicate with the Internet wirelessly.

[0225] In addition, the electronic device further includes: a display 1208 for displaying the document content area and for inserting information such as controls; and a connection bus 1210 for connecting various module components in the electronic device.

[0226] In other embodiments, the client or server may be a node in a distributed system, wherein the distributed system may be a blockchain system, and the blockchain system may be a distributed system formed by connecting the multiple nodes in the form of network communication. A peer-to-peer network may be formed between the nodes, and any form of computing device, such as a server, a client, or other electronic device, may become a node in the blockchain system by joining the peer-to-peer network.

[0227] According to one aspect of the present application, a computer program product is provided, the computer program product comprising a computer program / instruction, the computer program / instruction comprising a program code for executing the method shown in the flow chart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication part, and / or installed from a removable medium. When the computer program is executed by a central processing unit, various functions provided by the embodiments of the present application are executed.

[0228] The serial numbers of the above-mentioned embodiments of the present application are for description only and do not represent the advantages or disadvantages of the embodiments.

[0229] It should be noted that the computer system of the electronic device is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present application.

[0230] The computer system includes a central processing unit (CPU), which can perform various appropriate actions and processes according to the program stored in the read-only memory (ROM) or the program loaded from the storage part to the random access memory (RAM). In the random access memory, various programs and data required for system operation are also stored. The central processing unit, the read-only memory and the random access memory are connected to each other through a bus. The input / output interface (I / O interface) is also connected to the bus.

[0231] The following components are connected to the input / output interface: an input part including a keyboard, a mouse, etc.; an output part including a cathode ray tube (CRT), a liquid crystal display (LCD), etc., and a speaker; a storage part including a hard disk, etc.; and a communication part including a network interface card such as a local area network card, a modem, etc. The communication part performs communication processing via a network such as the Internet. A drive is also connected to the input / output interface as needed. Removable media, such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., are installed on the drive as needed so that the computer program read therefrom is installed into the storage part as needed.

[0232] In particular, according to an embodiment of the present application, the process described in each method flow chart can be implemented as a computer software program. For example, an embodiment of the present application includes a computer program product, which includes a computer program carried on a computer readable medium, and the computer program contains a program code for executing the method shown in the flow chart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication part, and / or installed from a removable medium. When the computer program is executed by a central processing unit, various functions defined in the system of the present application are executed.

[0233] According to one aspect of the present application, a computer-readable storage medium is provided, and a processor of a computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the methods provided in the above-mentioned various optional implementations.

[0234] Optionally, in this embodiment, the computer-readable storage medium may be configured to store a computer program for performing the following steps:

[0235] S1, displaying a document content area and an application insertion control, wherein the document content area is used to display document content, and the application insertion control is used to select a functional application that can edit application content, and the document content includes application content;

[0236] S2, in response to a first selection operation performed on the application insertion control, displaying at least one application identifier, wherein each application identifier in the at least one application identifier matches a different functional application respectively;

[0237] S3, in response to a second selection operation performed on the specific application identifier, displaying a content editing interface for the specific function application, wherein the at least one application identifier includes the specific application identifier, the specific function application is a function application matched by the specific application identifier, the content editing interface is used to edit the specific application content, and the content type of the specific application content is a content type that can be edited by the specific function application;

[0238] S4, in response to the first insertion request triggered by the specific application content, the specific application content is inserted and displayed in the document content area, wherein the insertion request is used to request the insertion of a specific functional application, and the specific functional application is set to be used when editing the specific application content in the document content area.

[0239] Optionally, in this embodiment, a person of ordinary skill in the art may understand that all or part of the steps in the various methods of the above embodiments may be completed by instructing hardware related to the electronic device through a program, and the program may be stored in a computer-readable storage medium, and the storage medium may include: a flash drive, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc.

[0240] The serial numbers of the above-mentioned embodiments of the present application are for description only and do not represent the advantages or disadvantages of the embodiments.

[0241] If the integrated units in the above embodiments are implemented in the form of software functional units and sold or used as independent products, they can be stored in the above computer-readable storage medium. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art, or all or part of the technical solution can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling one or more computer devices (which may be personal computers, servers, or network devices, etc.) to execute all or part of the steps of the methods described in the various embodiments of the present application.

[0242] In the above embodiments of the present application, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, please refer to the relevant description of other embodiments.

[0243] In the several embodiments provided in the present application, it should be understood that the recorded client can be implemented in other ways. Among them, the device embodiments described above are only schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of units or modules, which can be electrical or other forms.

[0244] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0245] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0246] The above is only a preferred implementation of the present application. It should be pointed out that for ordinary technicians in this technical field, several improvements and modifications can be made without departing from the principles of the present application. These improvements and modifications should also be regarded as the scope of protection of the present application.

Claims

1. A method for processing document content, characterized in that: include: Displaying a document content area and an application insertion control, wherein the document content area is used to display document content, the application insertion control is used to select a functional application that can edit application content, and the document content includes the application content; In response to a first selection operation performed on the application insertion control, at least one application identifier is displayed, wherein each application identifier in the at least one application identifier is matched with a different functional application respectively; In response to a second selection operation performed on a specific application identifier, displaying a content editing interface for a specific functional application, wherein the at least one application identifier includes the specific application identifier, the specific functional application is a functional application matched by the specific application identifier, the content editing interface is used to edit specific application content, and the content type of the specific application content is a content type that can be edited by the specific functional application; In response to a first insertion request triggered by the specific application content, the specific application content is inserted and displayed in the document content area, wherein the insertion request is used to request the insertion of the specific function application, and the specific function application is set to be used when editing the specific application content in the document content area.

2. The method according to claim 1, characterized in that After inserting and displaying the specific application content in the document content area, the method further includes: In response to a start request triggered by the specific application content displayed in the document content area, the content editing interface and the specific application content in the content editing interface are displayed, wherein the start request is used to request to start the specific function application to operate the specific application content.

3. The method according to claim 2, characterized in that The displaying of the content editing interface and the specific application content in the content editing interface includes: Displaying the content editing interface in the document display area, and displaying editable specific application content in the content editing interface, wherein the editable specific application content allows editing in the content editing interface; or, The edited specific application content is displayed in the document display area, the content editing interface is displayed outside the document display area, and the editable specific application content is displayed in the content editing interface, wherein the edited specific application content is the presentation content after the editable specific application content is edited.

4. The method according to claim 1, characterized in that: The document content display area and application insertion space include at least one of the following: Displaying a first document content area and a first application plug-in control, wherein the first document content area is used to display local document content, the first application plug-in control is used to select a local functional application that can edit the first application content, and the local document content includes the first application content; A second document content area and a second application plug-in control are displayed, wherein the second document content area is used to display online document content, the second application plug-in control is used to select an online functional application that can edit the second application content, and the online document content includes the second application content.

5. The method according to claim 4, characterized in that After displaying the first document content area and the first application plug-in control, the method further includes: In response to a third selection operation performed on the first application insertion control, at least one local application identifier is displayed, wherein each local application identifier in the at least one local application identifier is matched with a different local functional application, respectively, the local functional application is a background running application allowed to be inserted by the local document application, the background running application is a background application that runs the local document application and is prohibited from interfering with the local document application, and the local document application is used to display the first document content area and the first application plug-in control; In response to a fourth selection operation performed on a specific local application identifier, a local content editing interface of a specific local function application is displayed, wherein the at least one local application identifier includes the specific local application identifier, the specific local function application is a background running application matched by the specific local application identifier, and the local content editing interface is used to edit specific local application content, and the specific local application content is the local application content obtained by the most recent processing using the specific local function application; In response to a second insertion request triggered for the specific local application content, the specific local application content is inserted and displayed in the first document content area.

6. The method according to claim 4, characterized in that After displaying the second document content area and the second plug-in control, the method further includes: In response to a fifth selection operation performed on the second application plug-in control, at least one online application identifier is displayed, wherein each of the at least one online application identifier is matched with a different online functional application, respectively, and the online functional application is a pre-configured third-party application associated with an online document application, and the online document application is used to display the second document content area and the second application plug-in control; In response to a sixth selection operation performed on a specific online application identifier, an online content editing interface of a specific online functional application is displayed, wherein the at least one online application identifier includes the specific online application identifier, the specific online functional application is a third-party application matched by the specific online application identifier, the online content editing interface is used to edit specific online application content, and the content type of the specific local application content is a content type editable by the specific local functional application; In response to a third insertion request triggered for the specific online application content, the specific online application content is inserted and displayed in the second document content area.

7. The method according to claim 6, characterized in that Before displaying at least one online application identifier in response to a fifth selection operation performed on the second application insertion control, the method further includes: Obtaining a configuration request carrying at least one configuration information, wherein the at least one configuration information includes name information, icon information, resource location information, and style information of the at least one third-party application; Establishing the association relationship between the at least one third-party application and the online document application based on the resource location information and the style information; According to the name information and the icon information, at least one online application identifier corresponding to the at least one third-party application is generated, and the at least one online application identifier is displayed in the top area of ​​the online document application, wherein the second document content area includes the top area.

8. The method according to claim 7, characterized in that The establishing the association relationship between the at least one third-party application and the online document application based on the resource location information and the style information includes: Acquire application resource information of the at least one third-party application indicated by the resource location information, and acquire a first component style and a second component style of the online application content corresponding to the at least one third-party application indicated by the style information, wherein the first component style is used to indicate a style of inserting the online application content into the second document content area, and the second component style is used to indicate a viewing style and a storage style of the online application content in the second document content area; An association tag for indicating the association relationship between the at least one third-party application and the online document application is generated and assembled according to the application resource information, the first component style, and the second component style.

9. The method according to claim 8, characterized in that In response to the third insertion request triggered by the specific online application content, inserting and displaying the specific online application content in the second document content area includes: Acquire a specific association tag between the specific online function application and the online application content, wherein the specific association tag includes a first specific component style and a second specific component style corresponding to the specific online function application; The specific online content is inserted into the second document content area according to the first specific component style, and the specific online content is displayed in the second document content area according to the viewing style indicated by the second specific component style.

10. The method according to any one of claims 1 to 9, characterized in that: After inserting and displaying the specific application content in the document content area, the method further includes: In response to a storage request triggered by the specific application content displayed in the document content area, the specific application content is stored in a storage area according to a storage style, wherein the storage request is used to request storage of the specific application content, and the storage area includes at least one of the following: a local storage area, an online storage area.

11. A document content processing device, characterized in that: include: A first display unit, configured to display a document content area and an application insertion control, wherein the document content area is used to display document content, the application insertion control is used to select a functional application that can edit application content, and the document content includes the application content; a second display unit, configured to display at least one application identifier in response to a first selection operation performed on the application insertion control, wherein each application identifier in the at least one application identifier matches a different functional application, respectively; a third display unit, configured to display a content editing interface of a specific functional application in response to a second selection operation performed on the specific application identifier, wherein the at least one application identifier includes the specific application identifier, the specific functional application is a functional application matched by the specific application identifier, the content editing interface is used to edit specific application content, and the content type of the specific application content is a content type that can be edited by the specific functional application; An insertion unit is used to insert and display the specific application content in the document content area in response to a first insertion request triggered by the specific application content, wherein the insertion request is used to request the insertion of the specific function application and to set the use of the specific function application when editing the specific application content in the document content area.

12. A computer-readable storage medium, characterized in that: The computer-readable storage medium includes a stored program, wherein the program executes the method described in any one of claims 1 to 10 when executed by an electronic device.

13. A computer program product comprising a computer program / instructions, characterized in that When the computer program / instructions are executed by a processor, the steps of the method described in any one of claims 1 to 7 are implemented.

14. An electronic device comprising a memory and a processor, characterized in that: A computer program is stored in the memory, and the processor is configured to execute the method according to any one of claims 1 to 10 through the computer program.

Images