Document processing method, device, electronic device and storage medium

Abstract

The present disclosure relates to a document processing method, device, electronic device and storage medium, the method comprising: displaying a content structure thumbnail of a document; wherein the document content structure tree in the content structure thumbnail changes in real time with the content editing operation implemented on the document, and the tree structure of the changed document content structure tree matches the content structure of the edited document; receiving an adjustment operation on the document content structure tree to obtain an adjusted document content structure tree; adjusting the content structure of the document based on the tree structure of the adjusted document content structure tree, and the content structure of the adjusted document matches the tree structure of the adjusted document content structure tree. The present disclosure can improve the editing efficiency of documents.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to a document processing method, device, electronic device and storage medium. Background Art

[0002] When editing the sequence relationship in the list structure of a document, the related technology generally includes methods such as triggering a sibling sequence by pressing a carriage return and a line feed, switching to a parent sequence by pressing a continuous carriage return, and switching to a child sequence by pressing the tab key.

[0003] However, once other entities, such as pictures, code blocks, attachments, etc., are inserted between sequences, or some other operations (such as deletion) are performed, the continuity between sequences will be blocked, and the original sequence relationship will be destroyed. Since the adjustment operation of the sequence relationship is relatively cumbersome, it is not easy for users to restore the destroyed sequence relationship to the previous sequence relationship, resulting in low efficiency in document editing for users.

[0004] At the same time, it is often difficult for users to see the global list structure of a document at a glance, which requires users to scroll up and down the document content to view and edit and adjust the list structure. This operation is cumbersome and is not conducive to improving document editing efficiency.

[0005] Therefore, there is a problem of low document editing efficiency in the related art. Summary of the invention

[0006] The present disclosure provides a document processing method, device, electronic device and storage medium to at least solve the problem of low document editing efficiency in the related art. The technical solution of the present disclosure is as follows:

[0007] According to a first aspect of an embodiment of the present disclosure, there is provided a document processing method, including:

[0008] Displaying a content structure thumbnail of a document; wherein the document content structure tree in the content structure thumbnail changes in real time as the content editing operation is performed on the document, and the tree structure of the changed document content structure tree matches the content structure of the edited document;

[0009] Receiving an adjustment operation on the document content structure tree, and obtaining an adjusted document content structure tree;

[0010] Based on the tree structure of the adjusted document content structure tree, the content structure of the document is adjusted, and the adjusted content structure of the document matches the tree structure of the adjusted document content structure tree.

[0011] In a possible implementation, the document content structure tree includes a plurality of document nodes, and the document nodes belonging to the same level are connected by a first guide line, and the receiving of an adjustment operation on the document content structure tree to obtain an adjusted document content structure tree includes:

[0012] Receive an adjustment operation on the document content structure tree and obtain a mouse cursor position;

[0013] If the mouse cursor is located between two adjacent document nodes, displaying a second guide line;

[0014] Displaying a document node adding control at the intersection of the second guide line and the first guide line;

[0015] In response to a triggering operation of adding a control to the document node, a new document node is displayed between two adjacent document nodes to obtain the adjusted document content structure tree.

[0016] In a possible implementation, in response to the triggering operation of adding a control to the document node, a new document node is displayed between two adjacent document nodes to obtain the adjusted document content structure tree, including:

[0017] Obtaining the sorting information of any document node among two adjacent document nodes in the corresponding list level;

[0018] Based on the sorting information, the sorting information for the new document node is displayed.

[0019] In a possible implementation, the adjustment operation includes a drag operation on the document node, and the receiving the adjustment operation on the document content structure tree to obtain the adjusted document content structure tree includes:

[0020] In response to a drag operation on the document node, determining a drag end position of the drag operation;

[0021] Based on the dragging end position, determining the list level to which the document node after dragging belongs, and sorting information of the document node after dragging in the list level to which it belongs;

[0022] The adjusted document content structure tree is generated according to the list level to which the dragged document node belongs and the sorting information in the list level.

[0023] In a possible implementation, adjusting the content structure of the document based on the tree structure of the adjusted document content structure tree includes:

[0024] Mapping the tree structure into a document list element structure;

[0025] Based on the document list element structure, the document content of the document is rearranged to obtain the adjusted document.

[0026] In a possible implementation, adjusting the content structure of the document based on the tree structure of the adjusted document content structure tree includes:

[0027] According to the tree structure, the data model of the document is adjusted to obtain an adjusted data model;

[0028] Based on the adjusted data model, the document content of the document is rendered to the view layer to present the adjusted document.

[0029] In a possible implementation, before the step of displaying a content structure thumbnail of the document, the method further includes:

[0030] Get an ordered list of the documents;

[0031] Determining the list nesting structure of the document according to the list sequence information of the ordered list;

[0032] Generate the content structure thumbnail according to the list nesting structure;

[0033] and / or,

[0034] Get the unordered list in the document;

[0035] Determine the list nesting structure of the document according to the element tag of the unordered list or the indentation mark of the unordered list;

[0036] Generate the content structure thumbnail according to the list nesting structure;

[0037] and / or,

[0038] Obtaining a data model of the document;

[0039] Determine a tree list structure corresponding to the data model;

[0040] The content structure thumbnail is generated according to the tree list structure.

[0041] According to a second aspect of an embodiment of the present disclosure, there is provided a document processing device, including:

[0042] A display unit is configured to display a content structure thumbnail of a document; wherein the document content structure tree in the content structure thumbnail changes in real time as the content editing operation is performed on the document, and the tree structure of the changed document content structure tree matches the content structure of the edited document;

[0043] A response unit is configured to receive an adjustment operation on the document content structure tree and obtain an adjusted document content structure tree;

[0044] The presenting unit is configured to adjust the content structure of the document based on the tree structure of the adjusted document content structure tree, so that the adjusted content structure of the document matches the tree structure of the adjusted document content structure tree. The display unit is configured to perform floating display of a list structure tree view on the display interface of the current document; the list structure tree view is used to represent the list structure of the current document, and the list structure tree view includes at least one list node belonging to at least one list level;

[0045] A response unit, configured to execute a response to an adjustment operation on each of the list nodes in the list structure tree view, and determine an adjusted tree view;

[0046] The presenting unit is configured to execute the tree list structure based on the adjusted tree view, and present a target document having the same list structure as the list structure represented by the adjusted tree view.

[0047] In one possible implementation, the list structure tree view includes multiple list nodes belonging to different list levels, and the list nodes belonging to the same list level are connected by a first guide line, and the response unit is specifically configured to execute in response to the adjustment operation, obtain the mouse cursor position; if the mouse cursor position is between two adjacent list nodes of the same list level, display a second guide line; the second guide line is perpendicular to the first guide line and intersects with the mouse cursor position; a list node adding control is displayed at the intersection of the second guide line and the first guide line; in response to the triggering operation of the list node adding control, a new list node is displayed between the two adjacent list nodes to obtain the adjusted tree view.

[0048] In a possible implementation, the response unit is specifically configured to obtain the sorting information of any one of the two adjacent list nodes in the corresponding list level; and based on the sorting information, display the sorting information for the new list node.

[0049] In one possible implementation, the adjustment operation includes a dragging operation on the list node, and the response unit is specifically configured to execute a response to the dragging operation on the list node, and determine the dragging end position of the dragging operation; based on the dragging end position, determine the list level to which the list node after dragging belongs, and the sorting information of the list node after dragging in the list level to which it belongs, to obtain the adjusted tree view.

[0050] In one possible implementation, the presentation unit is specifically configured to map the tree list structure of the adjusted tree view into a document list element structure; based on the document list element structure, re-layout the document content of the current document to obtain the target document.

[0051] In one possible implementation, if the type of the current document is a web page, the presentation unit is specifically configured to adjust the data model of the current document according to the tree list structure of the adjusted tree view to obtain an adjusted data model; and render the adjusted data model to the view layer to present the target document.

[0052] In one possible implementation, the document processing device also includes: a generation unit, which is specifically configured to execute the steps of obtaining an ordered list in the current document; determining a list nesting structure of the current document based on list sequence information of the ordered list; and generating a list structure tree view according to the list nesting structure; and / or obtaining an unordered list in the current document; determining a list nesting structure of the current document based on element tags or indentation marks of the unordered list; and generating a list structure tree view according to the list nesting structure; and / or obtaining a data model of the current document; determining a tree list structure corresponding to the data model; and generating a list structure tree view according to the tree list structure.

[0053] According to a third aspect of an embodiment of the present disclosure, there is provided an electronic device, comprising a memory and a processor, wherein the memory stores a computer program, and when the processor executes the computer program, the document processing method as described in the first aspect or any possible implementation manner of the first aspect is implemented.

[0054] According to a fourth aspect of an embodiment of the present disclosure, a storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the document processing method as described in the first aspect or any possible implementation manner of the first aspect is implemented.

[0055] According to a fifth aspect of an embodiment of the present disclosure, a computer program product is provided, the program product comprising a computer program, the computer program being stored in a readable storage medium, at least one processor of a device reading and executing the computer program from the readable storage medium, so that the device executes the document processing method described in any possible implementation manner of the first aspect.

[0056] The technical solution provided by the embodiments of the present disclosure brings at least the following beneficial effects: by displaying a content structure thumbnail of a document; the document content structure tree in the content structure thumbnail will change in real time as the content editing operation is implemented on the document, and the tree structure of the changed document content structure tree matches the content structure of the edited document; receiving an adjustment operation on the document content structure tree to obtain an adjusted document content structure tree; adjusting the content structure of the document based on the tree structure of the adjusted document content structure tree, and the adjusted document content structure matches the tree structure of the adjusted document content structure tree. In this way, the user can intuitively and accurately know the content structure of the document through the content structure thumbnail without scrolling up and down to view the document. At the same time, the user can also adjust the document content structure tree in the content structure thumbnail to achieve rapid layout of the document content structure, effectively improving the editing efficiency of the document.

[0057] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0058] The drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute improper limitations on the present disclosure.

[0059] Figure 1 The present invention is a flowchart of a document processing method according to an exemplary embodiment.

[0060] Figure 2 The diagram is a front-end schematic diagram of a content structure thumbnail according to an exemplary embodiment.

[0061] Figure 3 It is a front-end schematic diagram of another content structure thumbnail according to an exemplary embodiment.

[0062] Figure 4 It is a front-end schematic diagram of a content structure thumbnail according to another exemplary embodiment.

[0063] Figure 5 The figure is a schematic diagram of a document content structure tree according to an exemplary embodiment.

[0064] Figure 6 The present invention is a flowchart of a document processing method according to an exemplary embodiment.

[0065] Figure 7 The diagram is a schematic diagram of an interactive process of a document processing method according to an exemplary embodiment.

[0066] Figure 8The invention is a block diagram of a document processing device according to an exemplary embodiment.

[0067] Fig. 9 It is a block diagram of an electronic device according to an exemplary embodiment. DETAILED DESCRIPTION

[0068] In order to enable ordinary persons in the art to better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the accompanying drawings.

[0069] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure 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 interchanged where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0070] It should also be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for display, data for analysis, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.

[0071] Figure 1 is a flowchart of a document processing method according to an exemplary embodiment. Figure 1 As shown, the document processing method is used in an electronic device and includes the following steps.

[0072] In step S110, a content structure thumbnail of the document is displayed.

[0073] The document content structure tree in the content structure thumbnail will change in real time as the content editing operation is performed on the document, and the tree structure of the changed document content structure tree matches the content structure of the edited document.

[0074] For example, assuming that a document may include document content A of chapter A and document content B of chapter B, the document content structure tree in the content structure thumbnail may include document node A corresponding to chapter A and document node B corresponding to chapter B. When the user adds document content C of chapter C between document content A and document content B, and chapters A, B and C have the same chapter level, the electronic device will display document node C corresponding to chapter C between document node A and document node B in the document content structure tree, so that the tree structure of the changed document content structure tree matches the content structure of the edited document.

[0075] Continuing with the above example, when the user deletes document content A in the document, the electronic device will synchronously delete document node A from the document content structure tree so that the tree structure of the changed document content structure tree matches the content structure of the edited document.

[0076] Continuing with the previous example, when the user changes the layout order between document content A and document content B in the document, the electronic device will synchronously adjust the order between document node A and document node B in the document content structure tree, so that the tree structure of the changed document content structure tree matches the content structure of the edited document.

[0077] The document may refer to a document currently accessed by the user account. In practical applications, the document may be a document application installed in an electronic device or an online document.

[0078] The content structure thumbnail is used to represent the list structure of the document. The content structure thumbnail includes at least one document node belonging to at least one list level.

[0079] In order to facilitate the understanding of those skilled in the art, Figure 2 A front-end schematic diagram of a content structure thumbnail is provided by way of example; Figure 2 As shown, 210 is a display interface of the document; 220 is a content structure thumbnail; 230 is one of the document nodes in the content structure thumbnail. Each document node can belong to a different target level, and the document nodes included in the content structure thumbnail 220 have a one-to-one mapping relationship with each list item in the document. For example, see Figure 2 For list item A “Benefits and methods of asking questions correctly” in the document, the content structure thumbnail 220 displays the document node A “Benefits and methods of asking questions correctly” corresponding to the list item A.

[0080] Since the content structure thumbnail can summarize the list tree structure of the document, the content structure thumbnail can also be named as a tree structure thumbnail.

[0081] The user can call up the content structure thumbnail of the document at any time by using shortcut keys. The user can input a tree view display instruction to the electronic device by typing a preset shortcut key combination (such as Ctrl / Command+Y) through the electronic device. The electronic device responds to the tree view display instruction by traversing the content of the document and obtaining the nested structure of the document list according to the element tags or indentation characteristics unique to the ordered list and unordered list in the document, and generates a content structure thumbnail (i.e., a tree structure thumbnail) corresponding to the document. For example, the electronic device can read the source code (XML format) of the document and determine the nested structure of the document list by using the list sequence information carried in the source code. The electronic device constructs a corresponding tree list structure according to the list nesting structure; the electronic device then draws the content structure thumbnail based on the tree list structure to generate the content structure thumbnail.

[0082] If there are multiple independent list items in the content of the document, the electronic device can generate content structure thumbnails corresponding to each independent list structure in one content structure thumbnail. For example, see Figure 2 , list item 1 "benefits and methods of asking questions correctly" and list item 2 "obstacles that interfere with critical thinking" are two independent list items belonging to the same level; at this time, the electronic device can display the content structure thumbnail A corresponding to the document node "benefits and methods of asking questions correctly" in the content structure thumbnail 220, and the content structure thumbnail A includes the various descendant document nodes of the document node "benefits and methods of asking questions correctly". And, the content structure thumbnail B corresponding to the document node "obstacles that interfere with critical thinking", and the content structure thumbnail B includes the various descendant document nodes of the document node "obstacles that interfere with critical thinking".

[0083] In actual applications, if the list structure in the document content changes, the electronic device can also update the content structure thumbnail in real time based on the changed content structure.

[0084] See also Figure 3 Each document node in the content structure thumbnail can only display one line of text in the document content corresponding to the document node. Excessive text is displayed with ellipsis to facilitate drag and drop operations. Figure 2 , each document node belonging to the same list level can be connected by lines; in actual applications, the lines corresponding to different list levels can use different colors to facilitate the distinction between different list levels.

[0085] In the process of floating and displaying the content structure thumbnail on the display interface of the document, the electronic device can obtain the position of the mouse cursor and the visible area of ​​the page in the display interface of the document; based on the position of the mouse cursor and the visible area of ​​the page, the electronic device can float and display the content structure thumbnail on one side of the mouse cursor in the display interface of the document. That is, the electronic device can determine the display area that the user is currently interested in based on the position of the mouse cursor, and display the content structure thumbnail in the display area. In this way, the content structure thumbnail can be displayed in the area of ​​the user's interest in the display interface, so that the user can quickly browse the content structure of the document.

[0086] See also Figure 4 , the user can also use the mouse cursor to move the content structure thumbnail to any position on the front-end interface, such as the blank area on the right side of the text, and set the content structure thumbnail to open mode. In this way, when the user edits the document content, the content structure thumbnail will highlight 420 the document node b to which the document content 410 being written belongs according to the cursor position, and scroll the document node to the preset display area of ​​the content structure thumbnail, for example, the middle position of the content structure thumbnail.

[0087] Of course, when the user does not need to view the content structure thumbnail, the user can also hide the content structure thumbnail. For example, the user can enter a preset shortcut key combination (such as Ctrl / Command+Y) into the electronic device again or click the close button in the content structure thumbnail to input a tree view hiding instruction into the electronic device. The electronic device responds to the tree view hiding instruction and no longer displays the content structure thumbnail, thereby hiding the content structure thumbnail.

[0088] In step S120, an adjustment operation on the document content structure tree is received, and an adjusted document content structure tree is obtained.

[0089] After the electronic device displays the content structure thumbnail, the user can adjust the document content structure tree of the content structure thumbnail; for example, the user can delete any document node in the content structure thumbnail, add a new document node below or above any document node, add a new sub-document node to any document node, drag any document node to adjust its position in the content structure thumbnail, etc., thereby inputting the adjustment operation of each document node in the content structure thumbnail to the electronic device, and the electronic device receives the adjustment operation of each document node in the content structure thumbnail, and in response to the adjustment operation of each document node in the content structure thumbnail, displays the adjusted tree view in real time.

[0090] For example, each document node has a corresponding delete button and add button; the delete button and add button are used to receive the user's adjustment operation on each document node in the content structure thumbnail. The following is a brief description of the usage of the delete button and add button:

[0091] Case 1, for the delete button:

[0092] If the user clicks the delete button with the mouse cursor, the electronic device deletes the document node corresponding to the delete button, and the serial numbers of the document nodes at the same list level below are adjusted downward in sequence, and the child document nodes remain unchanged.

[0093] If the user presses the Ctrl / Command key and clicks the delete button with the mouse cursor, the electronic device deletes the document node corresponding to the delete button and the sub-document node corresponding to the document node.

[0094] Case 2, for the add button:

[0095] If the user clicks the add button with the mouse cursor, the electronic device adds a list item of the same list level below the document node corresponding to the add button, and the list sequence number below the newly added list item is adjusted incrementally.

[0096] If the user presses the Ctrl / Command key and clicks the add button with the mouse cursor, the electronic device adds a sub-document node to the document node corresponding to the add button and uses the sub-document node as the first child item.

[0097] It should be noted that, in some embodiments, dragging a document structure will not destroy the substructure of the document node, that is, the subdocument nodes of a document node will be moved together with the document node being dragged.

[0098] In step S130, the content structure of the document is adjusted based on the tree structure of the adjusted document content structure tree, and the adjusted document content structure matches the tree structure of the adjusted document content structure tree.

[0099] After the user adjusts the list structure tree view, the electronic device can determine the corresponding target list structure based on the tree list structure of the adjusted tree view; the electronic device rearranges the content of the document according to the target list structure, so that the list structure of the target document finally presented is the same as the list structure represented by the adjusted tree view. Among them, the electronic device can map the tree list structure of the adjusted tree view to a document list element structure; based on the document list element structure, the document content of the document is rearranged to obtain the target document.

[0100] In the above document processing method, by displaying the content structure thumbnail of the document; the document content structure tree in the content structure thumbnail will change in real time with the content editing operation implemented on the document, and the tree structure of the changed document content structure tree matches the content structure of the edited document; receiving the adjustment operation of the document content structure tree, obtaining the adjusted document content structure tree; adjusting the content structure of the document based on the tree structure of the adjusted document content structure tree, and the content structure of the adjusted document matches the tree structure of the adjusted document content structure tree. In this way, the user can intuitively and accurately know the content structure of the document through the content structure thumbnail without scrolling up and down to view the document. At the same time, the user can also adjust the document content structure tree in the content structure thumbnail to achieve rapid layout of the document content structure, which effectively improves the editing efficiency of the document.

[0101] In an exemplary embodiment, the document content structure tree includes document nodes belonging to different list levels, and the document nodes belonging to the same list level are connected by a first guide line. The electronic device receives an adjustment operation on the document content structure tree and obtains an adjusted document content structure tree, including: receiving an adjustment operation on the document content structure tree, and obtaining a mouse cursor position in response to the adjustment operation; if the mouse cursor position is between two adjacent document nodes at the same list level, displaying a second guide line; the second guide line is perpendicular to the first guide line and intersects with the mouse cursor position; displaying a document node adding control at the intersection of the second guide line and the first guide line; in response to a trigger operation on the document node adding control, displaying a new document node between two adjacent document nodes to obtain an adjusted tree view.

[0102] In the specific implementation, Figure 5 A schematic diagram of a document content structure tree is provided as an example. Figure 5 As shown, the document content structure tree includes document nodes belonging to different list levels, and the document nodes belonging to a list level are connected by the same first guide line 510. The electronic device can determine the position of the mouse cursor in response to the adjustment operation of each document node in the document content structure tree; if the mouse cursor position is between two adjacent document nodes of the same list level, the electronic device displays a second guide line 520 that is perpendicular to the first guide line and intersects with the mouse cursor position, and displays a document node adding control 530 at the intersection of the second guide line 520 and the first guide line 510. If the user clicks the document node adding control 530 with the mouse, the electronic device receives the triggering operation of the document node adding control, and at this time the electronic device displays a new document node between the two adjacent document nodes to obtain an adjusted tree view.

[0103] The technical solution of this embodiment obtains the mouse cursor position in response to the adjustment operation; if the mouse cursor position is between two adjacent document nodes at the same list level, a second guide line is displayed; the second guide line is perpendicular to the first guide line and intersects with the mouse cursor position; a document node adding control is displayed at the intersection of the second guide line and the first guide line; in response to the triggering operation of the document node adding control, a new document node is displayed between two adjacent document nodes, so that it is convenient for users to accurately add new document nodes between two adjacent document nodes, and it is also convenient for electronic devices to accurately locate the position information of the new document node in the document node tree view.

[0104] In an exemplary embodiment, in response to a trigger operation on a document node add button, a new document node is displayed between two adjacent document nodes corresponding to a first guide line, including: obtaining sorting information of any one of the two adjacent document nodes in the corresponding list level; and based on the sorting information, displaying sorting information for the new document node.

[0105] In a specific implementation, when the electronic device displays a new document node between two adjacent document nodes corresponding to a first guide line in response to a trigger operation on a document node add button, the electronic device can obtain sorting information of any one of the two adjacent document nodes in the corresponding list level; the electronic device then displays sorting information for the new document node based on the sorting information.

[0106] For example, when the electronic device displays a new document node between the first document node and the second document node, since the new document node is located below the first document node, the electronic device can determine that the node number of the new document node is N+1 based on the node number N of the first document node; if the first document node and the new document node are document nodes that do not belong to the same list level, the electronic device determines that the node number of the new document node is 1. The electronic device can also determine that the node number of the new document node is M-1 based on the node number M of the second document node. Wherein, N is a positive integer and M is a positive integer greater than 1.

[0107] The technical solution of this embodiment can quickly determine the sorting information of the new document node in the list level to which it currently belongs by obtaining the sorting information of any document node among two adjacent document nodes in the list level to which it belongs, so as to accurately present a series of detailed information of the new document node to the user.

[0108] In an exemplary embodiment, the adjustment operation also includes a dragging operation on the document node. In response to the adjustment operation on each document node in the content structure thumbnail, an adjusted tree view is determined, including: in response to the dragging operation on the document node, determining the dragging end position of the dragging operation; based on the dragging end position, determining the list level to which the document node after being dragged belongs, and the sorting information of the document node after being dragged in the list level to which it belongs, to obtain the adjusted tree view.

[0109] In a specific implementation, the electronic device can also receive a drag operation on the document node in the process of determining the adjusted tree view in response to the adjustment operation on each document node in the content structure thumbnail. For example, the user drags any document node with the mouse to adjust its position in the content structure thumbnail, thereby inputting the drag operation on the document node to the electronic device. When the electronic device receives the drag operation on the document node, the electronic device determines the drag end position of the drag operation in response to the drag operation on the document node. Based on the drag end position, the electronic device determines the list level to which the dragged document node belongs, and the sorting information of the dragged document node in the list level to which it belongs. The electronic device can adjust the tree structure of the content structure thumbnail based on the list level to which the dragged document node belongs and the list level to which the dragged document node belongs to obtain the adjusted tree view.

[0110] To facilitate understanding by those skilled in the art, the document node dragging function is briefly described below by way of example, and at least the following operations can be supported:

[0111] a) Drag document node 2 above document node 1, and document node 2 becomes document node 1. After dragging, the sequence numbers are rearranged according to the new structure.

[0112] b) Drag document node 2 to the bottom of document node 1 child a, then document node 2 is the child b of document node 1. The list number under the moved document node 2 is readjusted, and the list number under the inserted document node child b is readjusted.

[0113] c) Drag the document node horizontally to adjust the hierarchical relationship of the list. For example, drag the child to the parent's guide line to enter the parent level, and the adjacent level numbers of the same level will be adjusted accordingly.

[0114] d) Independent tree structures can drag document nodes to each other.

[0115] The technical solution of this embodiment determines the dragging end position of the dragging operation in response to the dragging operation on the document node; based on the dragging end position, determines the list level to which the document node after being dragged belongs, and determines the sorting information of the document node after being dragged in the list level to which it belongs, so that the user can adopt the interactive method of dragging the document node to quickly adjust the tree structure in the content structure thumbnail, thereby improving the efficiency of adjusting the document list structure.

[0116] In an exemplary embodiment, if the document type is a web page, the content structure of the document is adjusted based on the tree structure of the adjusted document content structure tree, including: adjusting the data model of the document according to the tree structure to obtain an adjusted data model; based on the adjusted data model, rendering the document content of the document to the view layer to present the adjusted document.

[0117] The data model may refer to a structural model used to represent the content structure of a corresponding document. For example, the data model may be an HTML data model.

[0118] In a specific implementation, if the type of the document is a web page, the electronic device can adjust the data model of the document according to the tree list structure of the adjusted tree view to obtain the adjusted data model in the process of presenting the target document having the same list structure as the list structure represented by the adjusted tree view based on the tree list structure of the adjusted tree view. The electronic device then rearranges the document content of the document according to the adjusted data model, and renders the rearranged document content to the view layer to present the above-mentioned target document.

[0119] The technical solution of this embodiment is that if the document type is a web page, in the process of presenting a target document having the same list structure as the list structure represented by the adjusted tree view based on the tree list structure of the adjusted tree view, the data model of the document is quickly adjusted according to the tree list structure of the adjusted tree view, so that the content of the document can be quickly adjusted and rendered to the view layer using the adjusted data model, thereby achieving real-time synchronization between the list structure of the document and the list structure represented by the adjusted tree view.

[0120] In an exemplary embodiment, before the step of displaying a content structure thumbnail of the document, the method further includes: obtaining an ordered list in the document; determining the list nesting structure of the document based on list sequence information of the ordered list; and generating a content structure thumbnail according to the list nesting structure.

[0121] In a specific implementation, before the step of floatingly displaying a content structure thumbnail on the display interface of the document, the electronic device can determine the list nesting structure of the document based on the ordered list and the list sequence information of the ordered list; the electronic device then generates a content structure thumbnail according to the list nesting structure.

[0122] For example, the source code of a known document is:

[0123]

[0124] <title> List Control< / title>

[0125]

[0126]

[0127] Zhang San

[0128] Wang Si

[0129] Li Wu

[0130] Ma Liu

[0131]

[0132]

[0133]

[0134] The list sequence information of the ordered list in the document is "1, Zhang San, 2 Wang Si, 3, Li Wu, 4, Ma Liu", and the electronic device generates a list nesting structure of the document based on the list sequence information; and generates a content structure thumbnail according to the list nesting structure. The electronic device can construct a corresponding tree list structure according to the list nesting structure; and then draw a content structure thumbnail based on the tree list structure to generate a content structure thumbnail.

[0135] In an exemplary embodiment, the electronic device may also obtain an unordered list in a document; determine the list nesting structure of the document according to the element tag or indentation mark of the unordered list; and generate a content structure thumbnail according to the list nesting structure.

[0136] In addition, when generating a content structure thumbnail, the electronic device may also obtain an unordered list in the document; determine the list nesting structure of the document according to the element tag or indentation mark of the unordered list; and generate a content structure thumbnail according to the list nesting structure. The electronic device may construct a corresponding tree list structure according to the list nesting structure; and then draw a content structure thumbnail based on the tree list structure to generate a content structure thumbnail.

[0137] In an exemplary embodiment, the electronic device may also obtain a data model of the document; determine a tree list structure corresponding to the data model; and generate a content structure thumbnail according to the tree list structure.

[0138] For example, the electronic device may also obtain the HTML data model of the document; and construct a tree list structure corresponding to the HTML data model; and the electronic device then draws a content structure thumbnail based on the tree list structure to generate a content structure thumbnail.

[0139] The technical solution of the present embodiment can efficiently determine the list nesting structure of a document based on the list sequence information of an ordered list and / or based on the element tags or indentation identifiers of an unordered list, thereby facilitating the subsequent accurate generation of a content structure thumbnail that can be used to characterize the list structure of the document according to the list nesting structure.

[0140] Figure 6 is a flowchart of another document processing method according to an exemplary embodiment. Figure 6 As shown, the method includes the following steps.

[0141] In step S610, a content structure thumbnail is displayed in a floating manner on the display interface of the document; the content structure thumbnail is used to represent the list structure of the document, and the content structure thumbnail includes at least one document node belonging to at least one list level; the content structure thumbnail includes multiple document nodes belonging to different list levels, and the document nodes belonging to the same list level are connected by a first guide line.

[0142] In step S620, in response to the adjustment operation on each of the document nodes in the content structure thumbnail, the position of the mouse cursor is obtained.

[0143] In step S630, if the mouse cursor position is located between two adjacent document nodes at the same list level, a second guide line is displayed; the second guide line is perpendicular to the first guide line and intersects with the mouse cursor position.

[0144] In step S640, a document node adding control is displayed at the intersection of the second guide line and the first guide line.

[0145] In step S650, in response to the triggering operation of adding a control to the document node, a new document node is displayed between the two adjacent document nodes to obtain an adjusted tree view.

[0146] In step S660, the tree list structure of the adjusted tree view is mapped to a document list element structure.

[0147] In step S670, based on the document list element structure, the document content of the document is rearranged to obtain a target document.

[0148] It should be noted that the specific limitations of the above steps can be found in the specific limitations of a document processing method mentioned above, which will not be repeated here.

[0149] It should be understood that although Figure 1 and Figure 6The steps in the flowchart are shown in sequence as indicated by the arrows, but these steps are not necessarily executed in the order indicated by the arrows. Unless otherwise specified in this document, there is no strict order restriction for the execution of these steps, and these steps can be executed in other orders. Moreover, Figure 1 and Figure 6 At least part of the steps may include multiple steps or multiple stages. These steps or stages are not necessarily performed at the same time, but can be performed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed in turn or alternately with other steps or at least part of the steps or stages in other steps.

[0150] In order to facilitate the understanding of those skilled in the art, Figure 7 A diagram of the interactive process of a document processing method is provided; see Figure 7 ; When the electronic device reads the body of the document, the electronic device can read the Dom (Document Object Model) structure or document data model of the body; then, the electronic device can generate a content structure thumbnail, i.e., a tree thumbnail, based on the document object model structure or document data model. The user can adjust the tree structure in the content structure thumbnail, for example, add, delete, and move document nodes. The electronic device can map back the new document object model structure or document data model of the document based on the adjusted tree structure of the content structure thumbnail, and rearrange the document content of the document based on the new document object model structure or document data model to obtain the target document; in this way, the list structure of the document is synchronized with the list structure represented by the tree thumbnail in real time.

[0151] It can be understood that the same / similar parts between the various embodiments of the above method in this specification can refer to each other, and each embodiment focuses on the differences from other embodiments. For related points, please refer to the description of other method embodiments.

[0152] Figure 8 FIG. 1 is a block diagram of a document processing device according to an exemplary embodiment. Figure 8 , the device comprises:

[0153] The display unit 810 is configured to display a content structure thumbnail of the document; wherein the document content structure tree in the content structure thumbnail changes in real time as the content editing operation is performed on the document, and the tree structure of the changed document content structure tree matches the content structure of the edited document;

[0154] A response unit 820 is configured to receive an adjustment operation on the document content structure tree and obtain an adjusted document content structure tree;

[0155] The presenting unit 830 is configured to adjust the content structure of the document based on the tree structure of the adjusted document content structure tree, so that the adjusted content structure of the document matches the tree structure of the adjusted document content structure tree.

[0156] In an exemplary embodiment, the document content structure tree includes multiple document nodes, and the document nodes belonging to the same level are connected by the same first guide line. The response unit 820 is specifically configured to execute and receive an adjustment operation on the document content structure tree, obtain the mouse cursor position; if the mouse cursor position is between two adjacent document nodes, display a second guide line; display a document node adding control at the intersection of the second guide line and the first guide line; in response to the triggering operation of the document node adding control, display a new document node between two adjacent document nodes to obtain the adjusted document content structure tree.

[0157] In an exemplary embodiment, the response unit 820 is specifically configured to obtain the sorting information of any document node of two adjacent document nodes in the corresponding list level; based on the sorting information, display the sorting information for the new document node.

[0158] In an exemplary embodiment, the adjustment operation includes a dragging operation on the document node, and the response unit 820 is specifically configured to execute a dragging operation in response to the dragging operation on the document node, determine the dragging end position of the dragging operation; determine the list level to which the document node after dragging belongs based on the dragging end position, and determine the sorting information of the document node in the list level after dragging; and generate the adjusted document content structure tree according to the list level to which the document node after dragging belongs and the sorting information in the list level.

[0159] In an exemplary embodiment, the presentation unit 830 is specifically configured to execute mapping of the tree structure into a document list element structure; based on the document list element structure, re-layout the document content of the document to obtain the adjusted document.

[0160] In an exemplary embodiment, the presenting unit 830 is specifically configured to adjust the data model of the document according to the tree structure to obtain an adjusted data model;

[0161] Based on the adjusted data model, the document content of the document is rendered to the view layer to present the adjusted document.

[0162] In an exemplary embodiment, the device also includes: a generation unit, which is specifically configured to execute the steps of obtaining an ordered list in the document; determining a list nesting structure of the document based on list sequence information of the ordered list; generating a thumbnail of the content structure according to the list nesting structure; and / or obtaining an unordered list in the document; determining a list nesting structure of the document based on an element tag of the unordered list or an indentation mark of the unordered list; generating a thumbnail of the content structure according to the list nesting structure; and / or obtaining a data model of the document; determining a tree list structure corresponding to the data model; and generating a thumbnail of the content structure according to the tree list structure.

[0163] Regarding the device in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated here.

[0164] Fig. 9 A block diagram of an electronic device 900 for executing a document processing method is shown according to an exemplary embodiment. For example, the electronic device 900 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0165] Reference Fig. 9 , the electronic device 900 may include one or more of the following components: a processing component 902 , a memory 904 , a power component 906 , a multimedia component 908 , an audio component 910 , an input / output (I / O) interface 912 , a sensor component 914 , and a communication component 916 .

[0166] The processing component 902 generally controls the overall operation of the electronic device 900, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 902 may include one or more processors 920 to execute instructions to complete all or part of the steps of the above-mentioned method. In addition, the processing component 902 may include one or more modules to facilitate the interaction between the processing component 902 and other components. For example, the processing component 902 may include a multimedia module to facilitate the interaction between the multimedia component 908 and the processing component 902.

[0167] The memory 904 is configured to store various types of data to support operations on the electronic device 900. Examples of such data include instructions for any application or method operating on the electronic device 900, contact data, phone book data, messages, pictures, videos, etc. The memory 904 may be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as a static random access memory (SRAM), an electrically erasable programmable read-only memory (EEPROM), an erasable programmable read-only memory (EPROM), a programmable read-only memory (PROM), a read-only memory (ROM), a magnetic memory, a flash memory, a magnetic disk, an optical disk, or a graphene memory.

[0168] The power supply component 906 provides power to the various components of the electronic device 900. The power supply component 906 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to the electronic device 900.

[0169] The multimedia component 908 includes a screen that provides an output interface between the electronic device 900 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundaries of the touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 908 includes a front camera and / or a rear camera. When the electronic device 900 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera may receive external multimedia data. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.

[0170] The audio component 910 is configured to output and / or input audio signals. For example, the audio component 910 includes a microphone (MIC), and when the electronic device 900 is in an operating mode, such as a call mode, a recording mode, and a speech recognition mode, the microphone is configured to receive an external audio signal. The received audio signal can be further stored in the memory 904 or sent via the communication component 916. In some embodiments, the audio component 910 also includes a speaker for outputting an audio signal.

[0171] I / O interface 912 provides an interface between processing component 902 and peripheral interface modules, such as keyboards, click wheels, buttons, etc. These buttons may include but are not limited to: a home button, a volume button, a start button, and a lock button.

[0172] The sensor assembly 914 includes one or more sensors for providing various aspects of status assessment for the electronic device 900. For example, the sensor assembly 914 can detect the open / closed state of the electronic device 900, the relative positioning of the components, such as the display and keypad of the electronic device 900, and the sensor assembly 914 can also detect the position change of the electronic device 900 or the electronic device 900 components, the presence or absence of contact between the user and the electronic device 900, the orientation or acceleration / deceleration of the device 900 and the temperature change of the electronic device 900. The sensor assembly 914 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor assembly 914 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 914 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0173] The communication component 916 is configured to facilitate wired or wireless communication between the electronic device 900 and other devices. The electronic device 900 can access a wireless network based on a communication standard, such as WiFi, a carrier network (such as 2G, 3G, 4G or 5G), or a combination thereof. In an exemplary embodiment, the communication component 916 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 916 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.

[0174] In an exemplary embodiment, the electronic device 900 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components to perform the above methods.

[0175] In an exemplary embodiment, a computer-readable storage medium including instructions is also provided, such as a memory 904 including instructions, and the above instructions can be executed by the processor 920 of the electronic device 900 to perform the above method. For example, the computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0176] In an exemplary embodiment, a computer program product is further provided. The computer program product includes instructions. The instructions can be executed by the processor 920 of the electronic device 900 to complete the above method.

[0177] It should be noted that the above-mentioned devices, electronic devices, computer-readable storage media, computer program products, etc. may also include other implementation methods according to the description of the method embodiments. The specific implementation methods can refer to the description of the relevant method embodiments, which will not be described one by one here.

[0178] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. The present disclosure is intended to cover any variations, uses or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are to be considered exemplary only, and the true scope and spirit of the present disclosure are indicated by the claims.

[0179] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A document processing method, characterized in that: include: Displaying a content structure thumbnail of a document; wherein the document content structure tree in the content structure thumbnail changes in real time as the content editing operation is performed on the document, and the tree structure of the changed document content structure tree matches the content structure of the edited document; Receiving an adjustment operation on the document content structure tree, and obtaining an adjusted document content structure tree; Based on the tree structure of the adjusted document content structure tree, adjusting the content structure of the document, so that the adjusted content structure of the document matches the tree structure of the adjusted document content structure tree; The document content structure tree includes a plurality of document nodes, and the document nodes belonging to the same level are connected by a first guide line, and the receiving of the adjustment operation on the document content structure tree to obtain the adjusted document content structure tree includes: Receive an adjustment operation on the document content structure tree and obtain a mouse cursor position; If the mouse cursor is located between two adjacent document nodes, displaying a second guide line; Displaying a document node adding control at the intersection of the second guide line and the first guide line; In response to a triggering operation of adding a control to the document node, a new document node is displayed between two adjacent document nodes to obtain the adjusted document content structure tree.

2. The document processing method according to claim 1, characterized in that: The step of displaying a new document node between two adjacent document nodes in response to the triggering operation of adding a control to the document node, and obtaining the adjusted document content structure tree, comprises: Obtaining the sorting information of any document node among two adjacent document nodes in the corresponding list level; Based on the sorting information, the sorting information for the new document node is displayed.

3. The document processing method according to claim 1, characterized in that: The adjustment operation includes a drag operation on the document node, and the receiving of the adjustment operation on the document content structure tree to obtain the adjusted document content structure tree includes: In response to a drag operation on the document node, determining a drag end position of the drag operation; Based on the dragging end position, determining the list level to which the document node after dragging belongs, and sorting information of the document node after dragging in the list level to which it belongs; The adjusted document content structure tree is generated according to the list level to which the dragged document node belongs and the sorting information in the list level.

4. The document processing method according to claim 1, characterized in that: The step of adjusting the content structure of the document based on the tree structure of the adjusted document content structure tree comprises: Mapping the tree structure into a document list element structure; Based on the document list element structure, the document content of the document is rearranged to obtain the adjusted document.

5. The document processing method according to claim 1, characterized in that: The step of adjusting the content structure of the document based on the tree structure of the adjusted document content structure tree comprises: According to the tree structure, the data model of the document is adjusted to obtain an adjusted data model; Based on the adjusted data model, the document content of the document is rendered to the view layer to present the adjusted document.

6. The document processing method according to claim 1, characterized in that: Before the step of displaying the content structure thumbnail of the document, the method further includes: Get an ordered list of the documents; Determining the list nesting structure of the document according to the list sequence information of the ordered list; Generate the content structure thumbnail according to the list nesting structure; and / or, Get the unordered list in the document; Determine the list nesting structure of the document according to the element tag of the unordered list or the indentation mark of the unordered list; Generate the content structure thumbnail according to the list nesting structure; and / or, Obtaining a data model of the document; Determine a tree list structure corresponding to the data model; The content structure thumbnail is generated according to the tree list structure.

7. A document processing device, characterized in that: include: A display unit is configured to display a content structure thumbnail of a document; wherein the document content structure tree in the content structure thumbnail changes in real time as the content editing operation is performed on the document, and the tree structure of the changed document content structure tree matches the content structure of the edited document; A response unit is configured to receive an adjustment operation on the document content structure tree and obtain an adjusted document content structure tree; A presentation unit configured to adjust the content structure of the document based on the tree structure of the adjusted document content structure tree, so that the adjusted content structure of the document matches the tree structure of the adjusted document content structure tree; The document content structure tree includes multiple document nodes, and the document nodes belonging to the same level are connected by a first guide line. The response unit is specifically configured to execute and receive an adjustment operation on the document content structure tree and obtain the mouse cursor position; if the mouse cursor position is between two adjacent document nodes, a second guide line is displayed; a document node adding control is displayed at the intersection of the second guide line and the first guide line; in response to a trigger operation on the document node adding control, a new document node is displayed between two adjacent document nodes to obtain the adjusted document content structure tree.

8. The document processing device according to claim 7, characterized in that: The response unit is specifically configured to obtain the sorting information of any document node among two adjacent document nodes in the corresponding list level; and display the sorting information for the new document node based on the sorting information.

9. The document processing device according to claim 7, characterized in that: The adjustment operation includes a dragging operation on the document node, and the response unit is specifically configured to execute a response to the dragging operation on the document node, determine the dragging end position of the dragging operation; based on the dragging end position, determine the list level to which the document node belongs after dragging, and the sorting information of the document node in the list level after dragging; and generate the adjusted document content structure tree according to the list level to which the document node belongs after dragging and the sorting information in the list level.

10. The document processing device according to claim 7, characterized in that: The presentation unit is specifically configured to execute mapping of the tree structure into a document list element structure; based on the document list element structure, re-layout the document content of the document to obtain the adjusted document.

11. The document processing device according to claim 7, characterized in that: The presenting unit is specifically configured to adjust the data model of the document according to the tree structure to obtain an adjusted data model; Based on the adjusted data model, the document content of the document is rendered to the view layer to present the adjusted document.

12. The document processing device according to claim 7, characterized in that: The device also includes: a generation unit, which is specifically configured to execute the execution of obtaining an ordered list in the document; determining the list nesting structure of the document based on the list sequence information of the ordered list; generating the content structure thumbnail according to the list nesting structure; and / or obtaining an unordered list in the document; determining the list nesting structure of the document based on the element tag of the unordered list or the indentation mark of the unordered list; generating the content structure thumbnail according to the list nesting structure; and / or obtaining a data model of the document; determining a tree list structure corresponding to the data model; and generating the content structure thumbnail according to the tree list structure.

13. An electronic device, characterized in that: include: processor; a memory for storing instructions executable by the processor; The processor is configured to execute the instructions to implement the document processing method according to any one of claims 1 to 6.

14. A computer-readable storage medium, characterized in that: When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the document processing method according to any one of claims 1 to 6.

15. A computer program product, comprising instructions, characterized in that: When the instruction is executed by a processor of an electronic device, the electronic device is enabled to execute the document processing method as described in any one of claims 1 to 6.

Images