Document content display method, device, equipment, storage medium and program product

CN116796712BActive Publication Date: 2026-09-11TENCENT TECHNOLOGY (SHENZHEN) CO LTD
View PDF 3 Cites 0 Cited by

Patent Information

Application Number
CN202210270750.5
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2022-03-18
Publication Date
2026-09-11
Estimated Expiration
2042-03-18

AI Technical Summary

Technical Problem

[0004]然而,上述方式中,由于帐号B对表格文档是根据帐号A所编辑的表格文档确定的,当帐号A所编辑的表格文档具有较多列数时,则会导致手机类移动终端对表格文档的阅览不便,人机交互效率较低

Benefits of technology

[0020] By configuring the display scheme of online documents through the scheme configuration operation, the online documents can be displayed in the manner configured in the scheme configuration operation. This increases the display flexibility of online documents, avoids the problem of different display convenience of online documents on different terminals, which leads to a more cumbersome display process on specific terminals, improves human-computer interaction efficiency, and enhances the portability of online documents.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN116796712B_ABST
    Figure CN116796712B_ABST
Patent Text Reader

Abstract

The application discloses a display method and device of document content, equipment, storage medium and program product, and relates to the technical field of computers. The method comprises the following steps: receiving a display configuration operation of an online document; displaying a configuration area of the display scheme; receiving a scheme configuration operation in the configuration area, wherein the scheme configuration operation is used for configuring a document display scheme of the online document; and displaying preview content of the online document based on the scheme configuration operation. The display scheme of the online document is configured through the scheme configuration operation, so that the online document can be displayed in the manner configured by the scheme configuration operation when the online document is displayed, the display freedom of the online document is improved, the problem that the display convenience of the online document is different in different terminals, resulting in a relatively cumbersome display process in a specific terminal, is avoided, the human-computer interaction efficiency is improved, and the use convenience of the online document is improved.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a method, apparatus, device, storage medium, and program product for displaying document content. Background Technology

[0002] Online documents are a type of collaborative document editing. After creating an online document, users can choose which accounts will participate in editing / viewing it, thus allowing them to share the online document with other accounts without needing other accounts to download it.

[0003] In related technologies, taking spreadsheet documents as an example, when account A creates a spreadsheet document through an online spreadsheet, it shares the spreadsheet document with account B by sharing the online document link. Account B can then view the online spreadsheet document and edit it according to the permissions provided by account A.

[0004] However, in the above method, since account B's view of the table document is determined based on the table document edited by account A, when the table document edited by account A has a large number of columns, it will cause inconvenience for mobile terminals to view the table document and result in low human-computer interaction efficiency. Summary of the Invention

[0005] This application provides a method, apparatus, device, storage medium, and program product for displaying document content, which can improve the efficiency of human-computer interaction during the document content display process. The technical solution is as follows:

[0006] On the one hand, a method for displaying document content is provided, the method comprising:

[0007] Receive a display configuration operation for an online document, the display configuration operation being used to trigger the configuration of the display scheme for the online document;

[0008] In response to the display configuration operation, the configuration area of ​​the display scheme is displayed;

[0009] Receive a scheme configuration operation within the configuration area, the scheme configuration operation being used to configure the document display scheme of the online document;

[0010] The preview content of the online document is displayed based on the configuration operation of the scheme, and the preview content is used to display the online document in accordance with the document display scheme.

[0011] On the other hand, a document content display device is provided, the device comprising:

[0012] A receiving module is used to receive display configuration operations for online documents, wherein the display configuration operations are used to trigger the configuration of the display scheme for the online documents;

[0013] The display module is used to display the configuration area of ​​the display scheme in response to the display configuration operation;

[0014] The receiving module is further configured to receive a scheme configuration operation within the configuration area, the scheme configuration operation being used to configure the document display scheme of the online document;

[0015] The display module is further configured to display a preview of the online document based on the scheme configuration, wherein the preview is used to display the online document using the document display scheme.

[0016] On the other hand, a computer device is provided, the computer device including a processor and a memory, the memory storing at least one instruction, at least one program, code set or instruction set, the at least one instruction, the at least one program, the code set or instruction set being loaded and executed by the processor to implement the document content display method as described in any of the embodiments of this application above.

[0017] On the other hand, a computer-readable storage medium is provided, wherein at least one instruction, at least one program, code set, or instruction set is stored therein, wherein the at least one instruction, the at least one program, the code set, or the instruction set is loaded and executed by a processor to implement a method for displaying document content as described in any of the embodiments of this application above.

[0018] On the other hand, a computer program product or computer program is provided, which includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the document content display method described in any of the above embodiments.

[0019] The beneficial effects of the technical solutions provided in this application include at least the following:

[0020] By configuring the display scheme of online documents through the scheme configuration operation, the online documents can be displayed in the manner configured in the scheme configuration operation. This increases the display flexibility of online documents, avoids the problem of different display convenience of online documents on different terminals, which leads to a more cumbersome display process on specific terminals, improves human-computer interaction efficiency, and enhances the portability of online documents. Attached Figure Description

[0021] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0022] Figure 1 This is a schematic diagram illustrating the display effect of document content on a mobile terminal according to an exemplary embodiment of this application;

[0023] Figure 2 This is a schematic diagram illustrating the display effect of document content on a mobile terminal according to an exemplary embodiment of this application;

[0024] Figure 3 This is a schematic diagram of an implementation environment provided by an exemplary embodiment of this application;

[0025] Figure 4 This is a flowchart illustrating a method for displaying document content provided in an exemplary embodiment of this application;

[0026] Figure 5 Based on Figure 4 A schematic diagram of the custom display control provided in the illustrated embodiment;

[0027] Figure 6 Based on Figure 4 The illustrated embodiment provides a schematic diagram of the configuration area;

[0028] Figure 7 Based on Figure 4 The illustrated embodiment provides a schematic diagram of the uploaded target image;

[0029] Figure 8 Based on Figure 4 A schematic diagram of the preview interface provided in the illustrated embodiment;

[0030] Figure 9 This is a flowchart illustrating a method for displaying document content provided in another exemplary embodiment of this application;

[0031] Figure 10 Based on Figure 9 The illustrated embodiment provides a schematic diagram of the configuration of information items;

[0032] Figure 11 This is a flowchart illustrating a method for displaying document content provided in another exemplary embodiment of this application;

[0033] Figure 12 This is a flowchart illustrating a method for displaying document content provided in another exemplary embodiment of this application;

[0034] Figure 13 This is a schematic diagram of an online form display interface provided in an exemplary embodiment of this application;

[0035] Figure 14 This is a structural block diagram of a document content display device provided in an exemplary embodiment of this application;

[0036] Figure 15 This is a structural block diagram of a document content display device provided in another exemplary embodiment of this application;

[0037] Figure 16 This is a structural block diagram of a terminal provided in an exemplary embodiment of this application. Detailed Implementation

[0038] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.

[0039] Online documents refer to documents implemented on servers (usually cloud servers), typically featuring characteristics such as "online," "multi-user collaboration," and "document editing." "Online" means that the document content can be viewed / modified directly online from the server without needing to download it; "multi-user collaboration" means that multiple accounts can simultaneously access and view the online document on the server, and accounts with editing permissions can also edit the content simultaneously; "document editing" means that accounts with editing permissions can directly edit the content of the online document online through the server, and the server will respond to the editing operations and update the content of the online document.

[0040] Online documents include at least one of the following formats: online spreadsheets, online text documents, online PowerPoint presentations, online data collection forms, and online flowcharts.

[0041] Online documents are widely used due to their low-cost editing capabilities. In this embodiment, online spreadsheets are used as an example. For instance, when tracking game quest progress among friends, one friend can create an online spreadsheet, filling in their game character name and friend's name before sending a link to the spreadsheet to other friends. Upon receiving the link, other friends can view the online spreadsheet and fill in the information relevant to them.

[0042] However, in related technologies, the layout of online spreadsheet documents is not conducive to viewing on mobile devices. For example,... Figure 1As shown, this diagram illustrates the display effect of document content provided by an exemplary embodiment of this application on a mobile terminal. On the webpage of computer 110, the online table document 100 includes 12 columns of content, which can be fully displayed on the computer webpage. However, on the display screen of mobile terminal 120, due to the limitations of the display resolution and size of mobile terminal 120, the online table document 100 can only display four columns of content. The other content is hidden on the right side of the interface, and the user needs to manually drag the table document 100 to display the hidden content. This results in low display efficiency for the table document and low human-computer interaction efficiency.

[0043] This application provides a method for displaying document content, illustratively, as shown in the embodiments below. Figure 2 As shown, this diagram illustrates the display effect of document content provided by an exemplary embodiment of this application on a mobile terminal. On the webpage of computer 210, the online form document 200 includes 9 columns of content, which can be fully displayed on the computer webpage. On the display screen of mobile terminal 220, multiple information items are displayed through a custom display model. Each row in the online form document 200 corresponds to one information item, and each information item includes 9 item elements, which correspond to the 9 columns of content in the online form document 200.

[0044] In some embodiments, an information item may initially display only a portion of its content, and then display the complete content when a selection operation is received for the information item.

[0045] Figure 3 This is a schematic diagram of an implementation environment provided by an exemplary embodiment of this application, such as... Figure 3 As shown, the implementation environment includes a terminal 310 and a server 320, wherein the terminal 310 and the server 320 are connected through a communication network 330.

[0046] The terminal 310 is equipped with an application that has online document viewing function. This application may include browser programs, instant messaging applications, shopping programs, financial management applications, etc., but this embodiment does not limit it.

[0047] In this process, terminal 310 sends a document creation request to server 320, thereby creating an online document through server 320.

[0048] In some embodiments, after the terminal 310 creates an online document through the server 320, it can configure a display scheme for the online document, thereby configuring the display mode of the online document on the mobile terminal or a specified type of terminal. In some embodiments, after determining the document display scheme, the terminal 310 sends the document display scheme to the server 320, so that the server 320 can adaptively display the online document according to the requirements of the document display scheme when displaying the online document to the terminal.

[0049] It is worth noting that the aforementioned servers can be independent physical servers, server clusters or distributed systems composed of multiple physical servers, or cloud servers providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks (CDNs), and big data and artificial intelligence platforms. Cloud technology refers to a hosting technology that unifies hardware, software, and network resources within a wide area network (WAN) or local area network (LAN) to achieve data computation, storage, processing, and sharing. Cloud technology is a general term for network technologies, information technologies, integration technologies, management platform technologies, and application technologies applied to the cloud computing business model. It can form resource pools, be used on demand, and is flexible and convenient. Cloud computing technology will become a crucial support. The backend services of technical network systems require substantial computing and storage resources, such as video websites, image websites, and many portal websites. With the rapid development and application of the Internet industry, every item may have its own identification mark in the future, and all items will need to be transmitted to the backend system for logical processing. Data of different levels will be processed separately, and all kinds of industry data will require strong system support, which can only be achieved through cloud computing.

[0050] In some embodiments, the server described above can also be implemented as a node in a blockchain system.

[0051] Terminals and servers can be connected directly or indirectly via wired or wireless communication, and this application does not impose any restrictions on this.

[0052] Furthermore, the aforementioned online documents are data actively created and uploaded by the user; or, data obtained after separate authorization by the user. This application embodiment uses online spreadsheet documents and online text documents as examples for illustration. The document content display method provided in this application embodiment can also be applied to other scenarios, and is not limited thereto.

[0053] It should be noted that all information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data used for analysis, stored data, displayed data, etc.), and signals involved in this application have been individually authorized by the user or fully authorized by all parties, and the collection, use, and processing of related data must comply with the relevant laws, regulations, and standards of the relevant countries and regions. For example, the online documents involved in this application were obtained with full authorization.

[0054] Based on the above introduction and implementation environment, the document content display method provided in the embodiments of this application will be described, and the method will be applied to, for example, Figure 3 The following explanation uses the terminal shown as an example. Figure 4 As shown, the method includes:

[0055] Step 401: Receive the display configuration operation for the online document.

[0056] The display configuration operation is used to trigger the configuration of the display scheme for online documents. These online documents include at least one of the following formats: online spreadsheets, online text documents, online slideshows, online data collection forms, and online flowcharts.

[0057] In some embodiments, the display configuration operation is used to trigger the configuration of the display scheme of the online document on a specified type of terminal, such as: the display configuration operation is used to trigger the configuration of the display scheme of the online document on a mobile terminal. Alternatively, in other embodiments, the display configuration operation is used to trigger the configuration of the display scheme of the online document when viewed by a specified account, such as: the display configuration operation is used to trigger the configuration of the display scheme of account A when browsing the online document.

[0058] In some embodiments, the target account currently logged in is the account that created the online document; or, the target account currently logged in is an account that has editing permissions for the online document; or, the target account currently logged in is an account that has browsing permissions for the online document. This embodiment does not limit this.

[0059] Step 402: In response to the display configuration operation, display the configuration area of ​​the display scheme.

[0060] Optionally, the configuration area can be displayed in the configuration interface; or, the configuration area can be overlaid on the original interface.

[0061] In some embodiments, the display configuration operation can be triggered for an online document in a file list or in the online document's display interface. Schematic, if a trigger control is included in the online document's display interface, the display configuration operation is triggered through the trigger control.

[0062] In some embodiments, the display of the configuration area varies depending on the configuration method, and the display of the configuration area includes at least one of the following:

[0063] 1. In response to the display configuration operation, display at least one scheme template in the configuration area.

[0064] The scheme templates are pre-designed templates used to quickly determine the display scheme. Taking an online spreadsheet document as an example, in response to the display configuration operation, scheme templates 1, 2, and 3 are displayed in the configuration area. Scheme template 1 uses elements in column A as first-level elements, elements in columns B and C as second-level elements, and elements in column D as third-level elements. Scheme template 2 uses elements in column A as first-level elements and elements in other columns as second-level parallel elements. Scheme template 3 arranges the elements in descending order of column number, with the arrangement being positively correlated with the number of columns. It is important to note that the above scheme templates are merely illustrative examples, and this embodiment does not limit their scope.

[0065] Indicative, such as Figure 5 As shown, the online document display interface 500 includes a custom display control 510. When a trigger operation is received on the custom display control 510, a configuration area 520 is displayed according to the trigger operation, and a scheme template 521 is displayed in the configuration area 520. Figure 5 In the illustrated embodiment, an example of the current online document is displayed below the scheme template 521.

[0066] 2. In response to the display configuration operation, display the image upload control in the configuration area.

[0067] This image upload control provides a channel for users to upload and display template images. These template images serve as templates for document display schemes, meaning that the online document display scheme is determined by the display scheme in the template image.

[0068] 3. In response to display configuration operations, display element drag controls in the configuration area.

[0069] To illustrate, using an online spreadsheet document as an example, in response to the configuration display, element drag controls with each column as an item are shown in the configuration area. For example, if each row is an information item and each row has four columns A, B, C, and D, then element drag control 1 for column A, element drag control 2 for column B, element drag control 3 for column C, and element drag control 4 for column D are displayed in the configuration area. By dragging and zooming in / out of element drag controls 1, 2, 3, and 4, the display position and size of each item in the information item can be configured.

[0070] It is worth noting that the above-mentioned display method of the configuration area is only an illustrative example, and the embodiments of this application do not limit it.

[0071] Optionally, the display methods of the above configuration areas can be implemented separately or in combination. For example, a first configuration area and a second configuration area can be displayed, at least one scheme template can be displayed in the first configuration area, and an image upload control can be displayed in the second configuration area. The display template image uploaded through the image upload control can be displayed as one of the scheme templates in the first configuration area.

[0072] Indicative, such as Figure 6 As shown, the first configuration area 610 and the second configuration area 620 are displayed according to the configuration operation. The first configuration area 610 displays a scheme template 611, and the second configuration area 620 displays an image upload control 621.

[0073] Step 403: Receive the scheme configuration operation in the configuration area.

[0074] The scheme configuration operation is used to configure the document display scheme for online documents.

[0075] In some embodiments, the document display scheme is used as a display scheme for online documents in a specified terminal display scenario. Specifically, the document display scheme is used as a display scheme for online documents in a specified type of terminal display scenario, such as a document display scheme for online documents in a mobile terminal display scenario such as a mobile phone or tablet.

[0076] In other embodiments, the document display scheme is used as a display scheme for online documents in a browsing display mode, wherein the browsing display mode is used to indicate a mode including browsing permissions for the online document. Optionally, the browsing display mode refers to a display mode in which the online document is only browsed and not edited. In some embodiments, when the online document is switched to an editing display mode for display, it is displayed as needed using the above-described document display scheme, or displayed using other display schemes, such as the basic display scheme used when the document is being edited.

[0077] In other embodiments, the document display scheme is used as the online document display scheme when a specified account browses the online document. For example, the document display scheme is configured to be used as the online document display scheme when account A browses the online document.

[0078] Optionally, the methods for receiving scheme configuration operations differ depending on the display scheme of the different configuration areas mentioned above. Illustratively, the triggering methods for scheme configuration operations include at least one of the following:

[0079] 1. If at least one solution template is displayed in the configuration area, then the user can select the target solution template from the at least one solution template. The target solution template corresponds to the document display solution.

[0080] To illustrate, using an online form document as an example, in response to the display configuration operation, scheme template 1, scheme template 2, and scheme template 3 are displayed in the configuration area; receiving the selection operation of scheme template 1, the display scheme corresponding to scheme template 1 is used as the document display scheme of the online document.

[0081] In some embodiments, after selecting a target scheme template, an adjustment operation is received for the target scheme template. This adjustment operation is used to customize the document display scheme corresponding to the target scheme template. Custom adjustments include adjusting the size or position of item elements, which is not limited in this embodiment. Illustratively, custom adjustments include adjusting the length / position / size of item elements, where length represents the average text length in the item element, position represents the display position of the item element in the information item, and size indicates the information level of the item element in the information item. During adjustment, item elements can be upgraded or downgraded.

[0082] 2. If an image upload control is displayed in the configuration area, then the image upload operation in the configuration area will be received. The image upload operation is used to upload the target image as a display template image, and the display format of the target image will be parsed to obtain the document display scheme.

[0083] In some embodiments, the target image is input into a format parsing model, and the corresponding document display scheme is output. The format parsing model is a pre-trained machine learning model.

[0084] Indicative, such as Figure 7 As shown, the target image 710 is selected for upload through the image upload control 700, and the document display frame 720 is obtained by analyzing the information template in the target image 710. The user can drag the item elements 730 to fill the document display frame 720 to obtain the document display scheme.

[0085] In some embodiments, such as Figure 7 As shown, users can also select a region from the uploaded image to identify the area requiring format parsing. That is, the system receives a region selection operation on the target image; this operation is used to select a target sub-image from the target image, parse the display format of the target sub-image, and obtain the document display scheme.

[0086] Optionally, the online document includes a first type of content. In response to the target image including a second type of content, a fill area corresponding to the second type of content is added to the online document. For example, the online document includes text content. When it is parsed that the target image includes image content, a fill area corresponding to the image is added to the online document.

[0087] Optionally, in response to the online document not including the second type of content, a fill area for the second type of content is added to the online document. In some embodiments, the position of the added fill area corresponds to the position of the second type of content in the parsed document display scheme. For example, if the second type of content represents image content, and the image content is located at the top of the document display scheme, then the image content is treated as first-level display content, and a first column is added to the online table to fill the image content.

[0088] 3. If element drag controls are displayed in the configuration area, then drag operations on the element drag controls will be received, and the document display scheme will be obtained based on the drag results.

[0089] Step 404: Display the preview content of the online document based on the solution configuration operation. The preview content is used to display the online document as a document display solution.

[0090] In some embodiments, after the solution configuration operation completes the document display solution configuration, the preview content is displayed according to the preview operation; or, after the solution configuration operation completes the document display solution configuration, the user is automatically redirected to the preview interface to display the preview content; or, the preview content corresponding to the online document is adjusted in real time according to the solution configuration operation.

[0091] Optionally, when the document display scheme is used as the online document display scheme in a specified terminal display scenario, the operation based on the scheme configuration simulates the online document in the specified terminal display scenario and displays the preview content.

[0092] As an illustration, when the document display solution is used as an online document display solution in a mobile terminal such as a mobile phone, the preview content is displayed in the interface to simulate a mobile phone display scenario.

[0093] Please refer to Figure 8 It illustrates a schematic diagram of a preview interface provided in an exemplary embodiment of this application, such as... Figure 8 As shown, according to the scheme configuration operation, the simulated mobile phone display scenario is displayed in the preview area 800, and the preview content 810 is the content displayed by the document display scheme determined by the scheme configuration operation.

[0094] In summary, the method provided in this embodiment configures the display scheme of online documents through scheme configuration operations, thereby enabling online documents to be displayed in the manner configured by the scheme configuration operations. This improves the display flexibility of online documents, avoids the problem of varying display convenience on different terminals, which leads to a cumbersome display process on specific terminals, improves human-computer interaction efficiency, and enhances the portability of online documents.

[0095] In an optional embodiment, the online document mentioned above includes an online form document, which corresponds to a specific scheme configuration operation. Figure 9 This is a flowchart of a method for displaying document content provided in an exemplary embodiment of this application, wherein the method is applied to, for example... Figure 3 The following explanation uses the terminal shown as an example. Figure 9 As shown, the method includes:

[0096] Step 901: Receive the display configuration operation for the online document.

[0097] In some embodiments, the triggering method for displaying the configuration operation includes at least one of the following:

[0098] 1. When displaying the content of an online document, a custom display control is also displayed in the interface, and the trigger operation on the custom display control is used as the display configuration operation.

[0099] 2. When displaying the online document list, a custom display control is displayed for each online document in the list, and the trigger operation on the custom display control corresponding to the online document is used as the display configuration operation;

[0100] 3. After online document editing is complete, a sharing configuration interface is displayed when the document is shared. This interface includes custom display controls, and triggering these controls performs the aforementioned display configuration operations. Optionally, after configuring the document display scheme in the sharing configuration interface, accounts sharing through the interface can browse the online document using that scheme.

[0101] It is worth noting that the above-described configuration operation is merely an illustrative example, and this embodiment does not limit it.

[0102] Step 902: In response to the display configuration operation, display the configuration area of ​​the display scheme.

[0103] Optionally, in response to the display configuration operation, at least one scheme template is displayed in the configuration area; or, in response to the display configuration operation, an image upload control is displayed in the configuration area; or, in response to the display configuration operation, an element drag control is displayed in the configuration area.

[0104] Step 9031: Using rows in the online form document as information items and columns in the online form document as item elements, receive configuration operations on the item elements in the information items within the configuration area as scheme configuration operations.

[0105] Optionally, using rows in an online form document as information items means treating each row in the online form document as an information item, with each information item including at least one item element, and displaying at least one column corresponding to each row as an item element.

[0106] Optionally, the above configuration operations for item elements include:

[0107] Receives a configuration operation within the configuration area to specify the position of item elements in the information item; or,

[0108] Receive size configuration operations for item elements in the information item within the configuration area; or,

[0109] Receive display level configuration operations for item elements in the information item within the configuration area; or,

[0110] Receive configuration operations for adding or deleting item elements in the information items within the configuration area.

[0111] The position configuration operation can be achieved through dragging. For example, after selecting an item element, dragging it determines the display position of the item element in the information item. Alternatively, the position configuration operation can also be achieved through coordinate input. For example, after selecting an item element, defining the coordinates of the upper left corner determines the display position of the item element in the information item.

[0112] Size configuration can be achieved through a two-finger stretching gesture. For example, after selecting an item element, you can enlarge its display size by stretching with two fingers and shrink it by pinching with two fingers. Alternatively, size configuration can also be achieved by entering size data. For example, after selecting an item element, you can define its length and width data, such as 100×50, to determine the display size of the item element in the information item.

[0113] The level configuration operation can be implemented through the level configuration control. Schematic, the item element includes a level increase control and a level decrease control. Triggering the level increase control increases the display level of the item element, and triggering the level decrease control decreases the display level of the item element. The level corresponds to the display hierarchy of the item element, or the level corresponds to the display size of the item element.

[0114] Adding new items can be achieved by adding new controls. For example, after clicking the new control, you can select the column corresponding to the item element to be added; or, you can add columns that have not yet been added as item elements as candidate items, and when a selection operation is received for a candidate item, the selected candidate item will be added as an item element.

[0115] Deletion can be achieved through a delete control. For example, after clicking the delete control, select the column corresponding to the item to be deleted; or drag the item to the preset deletion area to delete the item.

[0116] Indicative, such as Figure 10 As shown, the configuration area 1000 includes currently configured information items 1010, and information items 1010 include various item elements 1011. The display position of item elements 1011 can be adjusted by dragging them, the size of item elements 1011 can be adjusted by stretching or shrinking them with two fingers, the display level of item elements 1011 can be adjusted by triggering the raise control 1021 or the lower control 1022, the candidate element 1030 can be added as an item element by clicking it, and item elements 1011 can be deleted from information items 1010 by dragging them to the deletion area (e.g., the display area of ​​candidate element 1030).

[0117] Optionally, when configuring a document display scheme via an image upload control, and the uploaded target image includes image-type content, an image column is added to the online form document to populate the image.

[0118] Optionally, an image fill control can be added to the document display scheme obtained from the recognition, which is used to fill in an image for each information item.

[0119] Step 9032: Using columns in the online table document as information items and rows in the online table document as item elements, receive configuration operations on the item elements in the information items within the configuration area as scheme configuration operations.

[0120] Optionally, using a column in an online form document as an information item means treating one column in the online form document as an information item, with each information item including at least one item element, and displaying at least one row corresponding to each column as an item element.

[0121] It is worth noting that the configuration operations for item elements can refer to step 9031 above, and will not be repeated here.

[0122] Step 904: Display the preview content of the online form document based on the scheme configuration operation. The preview content is used to display the online document as a document display scheme.

[0123] In some embodiments, after the solution configuration operation completes the document display solution configuration, the preview content is displayed according to the preview operation; or, after the solution configuration operation completes the document display solution configuration, the user is automatically redirected to the preview interface to display the preview content; or, the preview content corresponding to the online document is adjusted in real time according to the solution configuration operation.

[0124] In some embodiments, if there are column data in each row that are not displayed in the information item, the complete column content corresponding to that row can be displayed by selecting the information item.

[0125] In summary, the method provided in this embodiment configures the display scheme of online documents through scheme configuration operations, thereby enabling online documents to be displayed in the manner configured by the scheme configuration operations. This improves the display flexibility of online documents, avoids the problem of varying display convenience on different terminals, which leads to a cumbersome display process on specific terminals, improves human-computer interaction efficiency, and enhances the portability of online documents.

[0126] The method provided in this embodiment treats online table documents as a row of information items and at least one column corresponding to each row as an item element. By configuring the display rules of the item elements in each information item, the efficiency of human-computer interaction in the online document display configuration process is improved, and the degree of freedom in display configuration is increased.

[0127] In an optional embodiment, the online document mentioned above includes an online text document, which corresponds to a specific scheme configuration operation. Figure 11 This is a flowchart of a method for displaying document content provided in an exemplary embodiment of this application, wherein the method is applied to, for example... Figure 3 The following explanation uses the terminal shown as an example. Figure 11 As shown, the method includes:

[0128] Step 1101: Receive the display configuration operation for the online document.

[0129] It is worth noting that the implementation method of the above display configuration operation has been explained in step 901 above, and will not be repeated here.

[0130] Step 1102: In response to the display configuration operation, display the configuration area of ​​the display scheme.

[0131] Optionally, in response to the display configuration operation, at least one scheme template is displayed in the configuration area; or, in response to the display configuration operation, an image upload control is displayed in the configuration area; or, in response to the display configuration operation, an element drag control is displayed in the configuration area.

[0132] Step 1131: Using paragraphs of the online text document as pagination conditions, receive the configuration operations for pagination paragraphs in the configuration area as scheme configuration operations.

[0133] As an illustration, configuring the pagination conditions for the online text document in the configuration area as two paragraphs means that the online text document will be displayed with each two paragraphs on a separate page. For example, if the online text document contains 7 paragraphs, then the first and second paragraphs will be on the first page, the third and fourth paragraphs will be on the second page, the fifth and sixth paragraphs will be on the third page, and the seventh paragraph will be on the fourth page.

[0134] Optionally, during the online text document display process, according to the configured document display scheme, users can display the content of each page by swiping up and down, and switch between adjacent pages by swiping left and right.

[0135] Step 1132: Configure the pagination title level within the configuration area using the title of the online text document as the pagination condition as the scheme configuration operation.

[0136] For illustration, if the pagination conditions for the online text document are configured as first-level headings and second-level headings in the configuration area, it means that the online text document will be divided into pages based on second-level headings. For example, when a second-level heading appears under a first-level heading in the online text document, the second-level heading will be displayed on a new page, and when a first-level or second-level heading reappears, a new page will be created for display.

[0137] Optionally, during the online text document display process, according to the configured document display scheme, users can display the content of each page by swiping up and down, and switch between adjacent pages by swiping left and right.

[0138] Step 1104: Display the preview content of the online text document based on the solution configuration operation. The preview content is used to display the online document as a document display solution.

[0139] In some embodiments, after the solution configuration operation completes the document display solution configuration, the preview content is displayed according to the preview operation; or, after the solution configuration operation completes the document display solution configuration, the user is automatically redirected to the preview interface to display the preview content; or, the preview content corresponding to the online document is adjusted in real time according to the solution configuration operation.

[0140] In summary, the method provided in this embodiment configures the display scheme of online documents through scheme configuration operations, thereby enabling online documents to be displayed in the manner configured by the scheme configuration operations. This improves the display flexibility of online documents, avoids the problem of varying display convenience on different terminals, which leads to a cumbersome display process on specific terminals, improves human-computer interaction efficiency, and enhances the portability of online documents.

[0141] The method provided in this embodiment uses paragraphs or headings in online text documents as pagination conditions to divide the display of online text documents, thereby improving the human-computer interaction efficiency and the degree of freedom in the online document display configuration process.

[0142] Figure 12 This is an overall flowchart of a document content display method provided in an exemplary embodiment of this application. Taking the implementation of this process and the display process of an online form document as an example, as follows... Figure 12 As shown, the process includes two parts: user terminal presentation 1210 and backend technology 1220.

[0143] This includes the following steps:

[0144] Step 1201: Open the online form and fill in the information.

[0145] Optionally, users can create online forms and fill in the content; or, they can open online forms created by other users and fill in the content. This embodiment does not limit this.

[0146] Step 1202: Click on Custom Display Controls.

[0147] Optionally, the online form's display interface includes custom display controls to trigger the online form's display configuration.

[0148] Step 1203: The backend system performs a structured understanding of the text content and calculates the average number of characters per column.

[0149] Optionally, the backend counts the characters in the columns of the online table to determine the required element size for each column.

[0150] As an illustration, the backend defaults to treating each row of the online table as a single information item, so the type and quantity of each item element are analyzed column by column; taking text information as an example, the average number of characters per column is calculated.

[0151] Step 1204: Select a display template.

[0152] Optionally, users can select at least two types of display templates. The display template in step 1204 corresponds to type A, which is to select a predetermined template, that is, an existing template provided by the backend.

[0153] Step 1205: The user drags and drops to select the fill position and level.

[0154] Optionally, template information priority is arranged sequentially according to column order. Users can manually upgrade or downgrade, and the display order / position of information elements can be adjusted by dragging. The default item element length is 20px × number of characters, and the spacing between each item element is 10px. The backend automatically recommends H1 to H5, a five-character size gradient, based on the amount of information. For illustration purposes, if the amount of information is small (e.g., only 2 columns), H1 and H2 font sizes will be displayed by default.

[0155] Step 1206: The backend populates the information in the document in the form of a display template.

[0156] Populate the data from the online form into the display template to obtain the information items.

[0157] Step 1207: The user uploads an image to form a template.

[0158] Optionally, the display templates that users can choose include at least two types, where step 1207 corresponds to type B, i.e., user-defined templates.

[0159] Step 1208: The user uploads an image and manually selects an area of ​​the image, dragging and dropping to fill the position and level.

[0160] Optionally, an image can be uploaded using an image upload control, and a region in the image can be selected using a selection box operation.

[0161] Step 1209: Background image recognition is used to plan the display framework and automatically fill in elements that do not exist in the online form document.

[0162] Optionally, the user adds an image and selects a region within the image as the information unit to be identified. The system then automatically analyzes its composition and identifies the elements. For example, edge detection is performed using the Canny algorithm to distinguish the constituent elements (such as images, buttons, and text), the coordinates of each element are obtained, and their dimensions are measured and normalized. The information elements in the online table are then mapped to the empty spaces identified by the template analysis.

[0163] If the elements in the template cannot be mapped (e.g., there are no images in the table, but the uploaded template type contains images), the system will automatically extract the image elements. Optionally, the coordinates of the element / size of the element / coordinates and size of the element can be obtained to determine the four corner coordinates of the element, and the image can be extracted and saved based on the four corner coordinates.

[0164] Step 1210: Generate the display results.

[0165] Optionally, the display result is generated based on the above template and online form, which is the result of displaying the online document in the manner determined by the template.

[0166] Step 1211: Preview.

[0167] Indicative, such as Figure 13 As shown, after determining the document display scheme, selecting the online table on the mobile terminal will display the table content 1300, which includes information items 1310 corresponding to each row in the online table document. Information items 1310 include item elements.

[0168] In summary, the method provided in this embodiment configures the display scheme of online documents through scheme configuration operations, thereby enabling online documents to be displayed in the manner configured by the scheme configuration operations. This improves the display flexibility of online documents, avoids the problem of varying display convenience on different terminals, which leads to a cumbersome display process on specific terminals, improves human-computer interaction efficiency, and enhances the portability of online documents.

[0169] Figure 14 This is a schematic diagram of the structure of a document content display device provided in an exemplary embodiment of this application, as shown below. Figure 14 As shown, the device includes:

[0170] The receiving module 1410 is used to receive a display configuration operation for an online document, wherein the display configuration operation is used to trigger the configuration of a display scheme for the online document;

[0171] Display module 1420 is used to display the configuration area of ​​the display scheme in response to the display configuration operation;

[0172] The receiving module 1410 is further configured to receive a scheme configuration operation within the configuration area, the scheme configuration operation being used to configure the document display scheme of the online document;

[0173] The display module 1420 is further configured to display a preview of the online document based on the scheme configuration operation, wherein the preview is used to display the online document in accordance with the document display scheme.

[0174] In an optional embodiment, the display module 1420 is further configured to display at least one scheme template in the configuration area in response to the display configuration operation;

[0175] The receiving module 1410 is further configured to receive a selection operation of a target scheme template in the at least one scheme template, wherein the target scheme template corresponds to the document display scheme.

[0176] In an optional embodiment, the receiving module 1410 is further configured to receive an adjustment operation on the target scheme template, the adjustment operation being used to customize the document display scheme corresponding to the target scheme template.

[0177] In an optional embodiment, the receiving module 1410 is further configured to receive an image upload operation within the configuration area, the image upload operation being used to upload a target image as a display template image;

[0178] like Figure 15 As shown, the device further includes:

[0179] The parsing module 1430 is used to parse the display format of the target image to obtain the document display scheme.

[0180] In an optional embodiment, the receiving module 1410 is further configured to receive a region selection operation on the target image, the region selection operation being used to select a target sub-image from the target image;

[0181] The parsing module 1430 is also used to parse the display format of the target sub-image to obtain the document display scheme.

[0182] In an optional embodiment, the online document includes a first type of content;

[0183] The display module 1420 is further configured to, in response to the inclusion of a second type of content in the target image, add a fill area corresponding to the second type of content in the online document.

[0184] In one optional embodiment, the online document includes an online form document;

[0185] The receiving module 1410 is further configured to receive, within the configuration area, a configuration operation on the item elements of the information items, using rows in the online table document as information items and columns in the online table document as item elements, as the scheme configuration operation; or...

[0186] The receiving module 1410 is further configured to receive, within the configuration area, a configuration operation on the item element in the information item, using columns in the online table document as information items and rows in the online table document as item elements, as the scheme configuration operation.

[0187] In an optional embodiment, the receiving module 1410 is further configured to receive a position configuration operation for the item element in the information item within the configuration area; or,

[0188] The receiving module 1410 is further configured to receive a size configuration operation for the item element in the information item within the configuration area; or,

[0189] The receiving module 1410 is further configured to receive a display level configuration operation for the item element in the information item within the configuration area; or,

[0190] The receiving module 1410 is also configured to receive add or delete configuration operations for the item elements in the information item within the configuration area.

[0191] In an optional embodiment, the online document includes an online text document;

[0192] The receiving module 1410 is further configured to receive, using the paragraphs of the online text document as pagination conditions, a configuration operation for pagination paragraphs within the configuration area as the scheme configuration operation; or...

[0193] The receiving module 1410 is further configured to use the title of the online text document as a pagination condition and to receive the configuration operation of the pagination title level in the configuration area as the scheme configuration operation.

[0194] In an optional embodiment, the document display scheme is used as the display scheme for the online document in a display scenario of a specified terminal;

[0195] The display module 1420 is also used to display the preview content based on the scheme configuration operation simulation of the online document in the display scenario of the designated terminal.

[0196] In an optional embodiment, the document display scheme is used as the display scheme for the online document in browsing display mode;

[0197] The browsing display mode is used to indicate a mode that includes browsing permissions for the online document.

[0198] In summary, the device provided in this embodiment configures the display scheme of online documents through scheme configuration operations, thereby enabling online documents to be displayed in the manner configured by the scheme configuration operations. This improves the display flexibility of online documents, avoids the problem of varying display convenience of online documents on different terminals, which leads to a cumbersome display process on specific terminals, improves human-computer interaction efficiency, and enhances the portability of online documents.

[0199] It should be noted that the document content display device provided in the above embodiments is only an example of the division of the above functional modules. In actual applications, the above functions can be assigned to different functions or modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above. In addition, the document content display device provided in the above embodiments belongs to the same concept as the document content display method embodiments, and its specific implementation process can be found in the method embodiments, which will not be repeated here.

[0200] Figure 16 A structural block diagram of a computer device 1600 provided in an exemplary embodiment of this application is shown. The computer device 1600 may be a portable mobile terminal, such as a smartphone, tablet computer, MP3 player (Moving Picture Experts Group Audio Layer III), MP4 player (Moving Picture Experts Group Audio Layer IV), laptop computer, or desktop computer. The computer device 1600 may also be referred to as a user device, portable terminal, laptop terminal, desktop terminal, or other names.

[0201] Typically, computer device 1600 includes a processor 1601 and a memory 1602.

[0202] Processor 1601 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. Processor 1601 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). Processor 1601 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 1601 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content required to be displayed on the screen. In some embodiments, processor 1601 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.

[0203] The memory 1602 may include one or more computer-readable storage media, which may be non-transitory. The memory 1602 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory 1602 are used to store at least one instruction, which is executed by the processor 1601 to implement the document content display method provided in the method embodiments of this application.

[0204] In some embodiments, the computer device 1600 may also optionally include other components, as those skilled in the art will understand. Figure 16 The structure shown does not constitute a limitation on the computer device 1600, and may include more or fewer components than shown, or combine certain components, or use different component arrangements.

[0205] Embodiments of this application also provide a computer device, which includes a processor and a memory. The memory stores at least one instruction, at least one program, code set, or instruction set. The at least one instruction, at least one program, code set, or instruction set is loaded and executed by the processor to implement the document content display method provided in the above-described method embodiments.

[0206] Embodiments of this application also provide a computer-readable storage medium storing at least one instruction, at least one program, code set, or instruction set, wherein the at least one instruction, at least one program, code set, or instruction set is loaded and executed by a processor to implement the document content display method provided in the above-described method embodiments.

[0207] Embodiments of this application also provide a computer program product or computer program, which includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform any of the document content display methods described in the above embodiments.

[0208] Optionally, the computer-readable storage medium may include: read-only memory (ROM), random access memory (RAM), solid-state drives (SSDs), or optical discs, etc. The random access memory may include resistive random access memory (ReRAM) and dynamic random access memory (DRAM). The sequence numbers of the embodiments in this application are merely descriptive and do not represent the superiority or inferiority of the embodiments.

[0209] Those skilled in the art will understand that all or part of the steps of the above embodiments can be implemented by hardware or by a program instructing related hardware. The program can be stored in a computer-readable storage medium, such as a read-only memory, a disk, or an optical disk.

[0210] The above description is merely an optional embodiment of this application and is not intended to limit this application. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of this application should be included within the protection scope of this application.

Claims

1. A method of displaying contents of a document, characterized by, The method includes: The system receives a display configuration operation for an online document, the display configuration operation being used to trigger the configuration of a display scheme for the online document, the online document including an online table; In response to the display configuration operation, the configuration area of ​​the display scheme is displayed; The system receives a scheme configuration operation within the configuration area. The scheme configuration operation is used to configure the document display scheme of the online document. The receiving of the scheme configuration operation within the configuration area includes: using rows in the online table document as information items (meaning columns in the online table document as item elements), receiving a configuration operation on the item elements in the information items within the configuration area as the scheme configuration operation; or, using columns in the online table document as information items and rows in the online table document as item elements, receiving a configuration operation on the item elements in the information items within the configuration area as the scheme configuration operation. The preview content of the online document is displayed based on the configuration operation of the scheme, and the preview content is used to display the online document in accordance with the document display scheme.

2. The method of claim 1, wherein, The response to the configuration display operation, displaying the configuration area, includes: In response to the display configuration operation, at least one scheme template is displayed in the configuration area; The receiving of the scheme configuration operation within the configuration area includes: The system receives a selection operation for a target solution template from the at least one solution template, wherein the target solution template corresponds to the document display solution.

3. The method of claim 2, wherein, After receiving the selection operation of the target solution template in the at least one solution template, the method further includes: The system receives an adjustment operation on the target scheme template, which is used to customize the document display scheme corresponding to the target scheme template.

4. The method of claim 1, wherein, The receiving of the scheme configuration operation within the configuration area includes: Receive an image upload operation within the configuration area, the image upload operation being used to upload a target image as a display template image; The target image is parsed for display format to obtain the document display scheme.

5. The method of claim 4, wherein, The step of parsing the display format of the target image to obtain the document display scheme includes: Receive a region selection operation on the target image, the region selection operation being used to select a target sub-image from the target image; The target sub-image is parsed for display format to obtain the document display scheme.

6. The method of claim 5, wherein, The online document includes content of the first type; The method further includes: In response to the inclusion of a second type of content in the target image, a filled area corresponding to the second type of content is added to the online document.

7. The method according to any one of claims 1 to 6, characterized in that, The receiving of the configuration operation for the item element in the information item within the configuration area includes: Receive a position configuration operation for the item element in the information item within the configuration area; or... Receive a size configuration operation for the item element in the information item within the configuration area; or... Receive a display level configuration operation for the item element in the information item within the configuration area; or, Receive configuration operations for adding or deleting item elements in the information item within the configuration area.

8. The method according to any one of claims 1 to 6, characterized in that, The online documents include online text documents; The receiving of the scheme configuration operation within the configuration area includes: Using the paragraphs of the online text document as pagination conditions, the configuration operation for pagination paragraphs in the configuration area is received as the scheme configuration operation; or, The configuration operation of the pagination title level within the configuration area, using the title of the online text document as the pagination condition, is the scheme configuration operation.

9. The method according to any one of claims 1 to 6, characterized in that, The document display scheme is used as the display scheme for the online document in the display scenario of the specified terminal; The configuration operation based on the above scheme to display the preview content of the online document includes: Based on the scheme configuration, the operation simulates the online document's display scenario on the designated terminal, and displays the preview content.

10. The method according to any one of claims 1 to 6, characterized in that, The document display scheme is used as the display scheme for the online document in the browsing display mode; The browsing display mode is used to indicate a mode that includes browsing permissions for the online document.

11. A document content display device, characterized in that, The device includes: A receiving module is used to receive display configuration operations for online documents, wherein the display configuration operations are used to trigger the configuration of the display scheme for the online documents, and the online documents include online tables; The display module is used to display the configuration area of ​​the display scheme in response to the display configuration operation; The receiving module is further configured to receive a scheme configuration operation within the configuration area, the scheme configuration operation being used to configure the document display scheme of the online document; wherein, receiving the scheme configuration operation within the configuration area includes: using rows in the online table document as information items, meaning columns in the online table document as item elements, receiving a configuration operation on the item elements in the information items within the configuration area as the scheme configuration operation; or, using columns in the online table document as information items and rows in the online table document as item elements, receiving a configuration operation on the item elements in the information items within the configuration area as the scheme configuration operation; The display module is further configured to display a preview of the online document based on the scheme configuration, wherein the preview is used to display the online document according to the document display scheme.

12. A computer device, characterized in that, The computer device includes a processor and a memory, the memory storing at least one program, the at least one program being loaded and executed by the processor to implement the method for displaying document content as described in any one of claims 1 to 10.

13. A computer-readable storage medium, characterized in that, The storage medium stores at least one program segment, which is loaded and executed by a processor to implement the document content display method as described in any one of claims 1 to 10.

14. A computer program product, characterized in that, It includes computer instructions that, when executed by a processor, implement the method for displaying document content as described in any one of claims 1 to 10.

Citation Information

Patent Citations

  • Method and device for displaying documents on line

    CN104881298A

  • Data processing method and device, electronic equipment and storage medium

    CN113947065A

  • Table document online editing method and device, equipment and medium

    CN114118038A