Document page display method, related device and medium

Abstract

The invention provides a document page display method, a related device and a medium. The document page display method comprises the steps that an adding request of an object body group on a page of a target document is received, the object body group comprises a plurality of object bodies which are continuously added, at least one of the object bodies does not have a target row height, and each object body has an original aspect ratio corresponding to the object body; displaying the object group as at least one object row, wherein the object row has a target row height; and displaying each object body in the object body row, so that the display aspect ratio of each object body is equal to the original aspect ratio corresponding to the object body. According to the embodiment of the invention, the content layout efficiency of the document page is improved. The embodiment of the invention can be applied to various scenes such as page layout, information recommendation and document editing.

Description

Technical Field

[0001] The present disclosure relates to the field of computer software, and particularly to a method for displaying document pages, related devices, and media. Background Art

[0002] In the content page of an intelligent document, the content to be displayed is often placed in a content container (a box that loads content on the page). The content containers are arranged in a row or a column. When the object slides up and down the content page, the content containers that have not been displayed in the row or column are sequentially displayed on the content page so that the object can view the content in the content container.

[0003] In order to improve the layout rationality of each content in the content page, in the related art, when laying out the content of the document page, relevant personnel often need to make the content containers of the document page neatly arranged by dragging and dropping the content containers and deleting the content in the content containers. This method often leads to low layout efficiency of the document page. Summary of the Invention

[0004] Embodiments of the present disclosure provide a method for displaying document pages, related devices, and media, which can improve the content layout efficiency of the document page.

[0005] According to one aspect of the present disclosure, there is provided a method for displaying a document page, the method including:

[0006] Receiving an addition request for an object body group on the page of a target document, where the object body group includes a plurality of continuously added object bodies, at least one of the plurality of object bodies does not have a target row height, and each object body has an original aspect ratio corresponding to the object body;

[0007] Displaying the object body group as at least one object body row, where the object body row has the target row height;

[0008] Displaying each object body in the object body row such that the display aspect ratio of each object body is equal to the original aspect ratio corresponding to the object body.

[0009] According to one aspect of the present disclosure, there is provided a document page display device, the document page display device including:

[0010] A receiving unit, configured to receive an addition request for an object body group on the page of a target document, where the object body group includes a plurality of continuously added object bodies, at least one of the plurality of object bodies does not have a target row height, and each object body has an original aspect ratio corresponding to the object body;

[0011] A first display unit for displaying the object body group as at least one object body row, the object body row having the target row height;

[0012] A second display unit for displaying each of the object bodies in the object body row such that the display aspect ratio of each object body is equal to the original aspect ratio corresponding to the object body.

[0013] Optionally, a plurality of the object bodies include a target object body; the document page display device further includes a group adjustment unit, and the group adjustment unit is configured to:

[0014] Receive a trigger request for a compact function control of the target object body, and display a display height control bar for the object body group;

[0015] In response to a drag operation on the display height control bar, make the current display height of each object body row correspond to the display height indicated by the display height control bar, and maintain the display aspect ratio of each object body in the object body row still equal to the original aspect ratio corresponding to the object body.

[0016] Optionally, the second display unit is specifically configured to:

[0017] For each of the object bodies, determine an extraction serial number for extracting the object body from the object body group;

[0018] Based on the extraction serial number, sequentially display a plurality of the object bodies in the object body row, and make the current layout mode of each object body an automatic layout mode;

[0019] For each of the object bodies, display the object body on the page according to the container size of the content container that loads the object body.

[0020] Optionally, the object body row includes a target object body; the document page display device further includes a first layout editing unit, and the first layout editing unit is configured to:

[0021] In response to a click operation on the target object body, display a plurality of object body editing controls for the target object body;

[0022] Receive a selection operation for a layout editing control among a plurality of the object body editing controls, and display the current layout mode of the target object body;

[0023] In response to a switching operation on the current layout mode, display the target object body as a separate row;

[0024] Display multiple object bodies after the target object body as an updated object body row, where each object body in the updated object body row has the target row height, and the display aspect ratio of each object body is equal to the original aspect ratio corresponding to the object body.

[0025] Optionally, the object body row includes a target object body; the document page display device further includes a second layout editing unit, and the second layout editing unit is configured to:

[0026] In response to a click operation on the target object body, display multiple object body editing controls for the target object body;

[0027] Receive a selection operation for a layout editing control among multiple object body editing controls, and display the current filling method of the target object body;

[0028] In response to a switching operation on the current filling method, display the target object body according to a predetermined display size, where the display aspect ratio corresponding to the predetermined display size is equal to the original aspect ratio corresponding to the target object body.

[0029] Optionally, the object body row includes a target object body; the document page display device further includes a first style editing unit, and the first style editing unit is configured to:

[0030] In response to a click operation on the target object body, display multiple object body editing controls for the target object body;

[0031] Receive a selection operation for a style editing control among multiple object body editing controls, and display the current border color selected by the target object body from multiple candidate border colors;

[0032] In response to a switching operation on the current border color, update the current border color to a target border color, and display the container border of the content container loading the target object body as the target border color.

[0033] Optionally, the object body row includes a target object body; the document page display device further includes a second style editing unit, and the second style editing unit is configured to:

[0034] In response to a click operation on the target object body, display multiple object body editing controls for the target object body;

[0035] Receive a selection operation for a style editing control among multiple object body editing controls, and display the current background color selected by the target object body from multiple candidate background colors;

[0036] In response to a switching operation on the current background color, update the current background color to a target background color, and display the area in the content container that loads the target object body and does not display the target object body as the target background color.

[0037] Optionally, the at least one object body row includes a target object body row; the document page display device further includes an object body moving unit, and the object body moving unit is configured to:

[0038] In response to a request before dragging a first object body in the object body group to a second object body in the target object body row, display the first object body in the target object body row, and cause the display width and display height of each object body in the target object body row to change, so as to maintain the sum of the respective display widths equal to the row width of the target object body row.

[0039] Optionally, the object body row includes a target object body, and the content elements in the target object body are displayed at a first scaling ratio;

[0040] The document page display device further includes a cropping unit, and the cropping unit is configured to:

[0041] In response to a click operation on the target object body, display a plurality of object body editing controls of the target object body;

[0042] Receive a selection operation on a cropping function control among the plurality of object body editing controls, and display an object body border and object body adjustment anchor points of the target object body on an editing page of the target document;

[0043] In response to a dragging operation on the object body adjustment anchor point on the editing page, display an adjusted object body border of the target object body on the editing page, and display the content elements in the target object body at a second scaling ratio;

[0044] In response to a moving operation on the target object body on the editing page, display target content elements of the target object body on the page, where the target content elements are a part of the content elements.

[0045] Optionally, the object body row includes a first object body and a second object body adjacent to the first object body;

[0046] The document page display device further includes a width adjustment unit, and the width adjustment unit is configured to:

[0047] In response to a movement operation on the pointer icon in the page, an object body width adjustment control for the first object body is displayed in the page, where the object body width adjustment control is between the first object body and the second object body;

[0048] In response to a triggering operation on the object body width adjustment control, the first object body and the second object body are displayed, such that the changed display widths of the first object body and the second object body are consistent with the displacement amount of the object body width adjustment control, and the sum of the display widths of the first object body and the second object body remains unchanged.

[0049] Optionally, the at least one object body row includes a first object body row and a second object body row adjacent to the first object body row;

[0050] The document page display device further includes a height adjustment unit, and the height adjustment unit is configured to:

[0051] In response to a movement operation on the pointer icon in the page, an object body height adjustment control for the first object body row is displayed in the page, where the object body height adjustment control is between the first object body row and the second object body row;

[0052] In response to a triggering operation on the object body height adjustment control, the first object body row and the second object body row are displayed, such that the changed display row heights of the first object body row and the second object body row are consistent with the displacement amount of the object body height adjustment control, and the sum of the display row heights of the first object body row and the second object body row remains unchanged.

[0053] Optionally, the object bodies included in the object body row are determined by the following method:

[0054] Obtain the minimum allowable row height, the maximum allowable row height, and the page row width;

[0055] Take out an anchor object body from the object body group, determine the first display height of the anchor object body to be between the minimum allowable row height and the maximum allowable row height, and determine the first display width of the anchor object body based on the first display height of the anchor object body and the original width-to-height ratio of the anchor object body;

[0056] Take out an object body that has not been taken out from the object body group, and determine the second display width of the taken-out object body based on the first display height and the original width-to-height ratio of the taken-out object body;

[0057] If the sum of the first display width and the second display width of the taken object body does not exceed the page line width, return the step of taking out an untaken object body from the object body group until the sum of the first display width and the second display widths of the taken object bodies exceeds the page line width. Take the anchor object body and the taken object bodies other than the last taken object body as the object bodies included in the current object body row, take the next object body row of the current object body row as the current object body row, update the anchor object body with the last taken object body, and return the step of taking out an untaken object body from the object body group.

[0058] Optionally, the document page display device further includes a line break unit, and the line break unit is configured to:

[0059] Determine a first line space compression value of the current object body row and a second line space compression value of the next object body row of the current object body row;

[0060] If it is determined that the first line space compression value and the second line space compression value meet a preset condition, move a predetermined number of the object bodies taken out before the last taken object body to the next object body row of the current object body row, and adjust the display line height of the current object body row and the display line height of the next object body row of the current object body row.

[0061] Optionally, the document page display device further includes a determination unit, and the determination unit is configured to:

[0062] If it is determined that the first line space compression value is less than a preset first threshold, compare the second line space compression value with a preset second threshold, where the second threshold is greater than the first threshold;

[0063] If it is determined that the second line space compression value is greater than the second threshold, determine that the first line space compression value and the second line space compression value meet the preset condition.

[0064] Optionally, the target line height is determined in the following manner:

[0065] If it is determined that the original height of each object body in the object body group is less than the minimum allowable line height, determine the minimum allowable line height as the target line height;

[0066] If it is determined that the original height of each object body in the object body group is greater than the maximum allowable line height, determine the maximum allowable line height as the target line height;

[0067] If it is determined that the original height of at least one object in the object group is between the minimum allowable height and the maximum allowable line height, the target line height is determined based on the original heights of multiple objects in the object group.

[0068] Optionally, the minimum allowable line height and the maximum allowable line height are determined as follows:

[0069] Determine the total number of objects in the object group, the maximum document capacity and the minimum document capacity of the target document;

[0070] Based on the total number of objects and the minimum document capacity, determine the minimum allowable line height;

[0071] Based on the total number of objects and the maximum document capacity, determine the maximum allowable line height.

[0072] According to one aspect of the present disclosure, there is provided an electronic device including a memory and a processor, the memory storing a computer program, and the processor implementing the document page display method as described above when executing the computer program.

[0073] According to one aspect of the present disclosure, there is provided a computer-readable storage medium storing a computer program, and the computer program implements the document page display method as described above when executed by a processor.

[0074] According to one aspect of the present disclosure, there is provided a computer program product including a computer program, the computer program being read and executed by a processor of a computer device, so that the computer device executes the document page display method as described above.

[0075] In the embodiments of the present disclosure, when laying out a document page, each piece of content is regarded as an object body alone, and multiple object bodies that need to be continuously displayed are regarded as an object body group. First, a request for adding an object body group on the page of the target document is received. Then, according to the addition request, the multiple object bodies of the object body group are split into at least one object body row, so that one object body row contains at least two object bodies. At the same time, when displaying the object body row on the page, the object body row is displayed according to the target row height, so that each object body of the object body row is displayed according to the target row height, and the object bodies in the same object body row have the same display height, achieving the horizontal alignment of each object body on the page. Further, since each object body has an original aspect ratio, when each object body of the object body row is displayed according to the target row height, the display width of the object body is also controlled according to the original aspect ratio, so that the display aspect ratio of the object body is equal to the corresponding original aspect ratio of the object body, which can improve the display effectiveness of the object body, reduce the occurrence of situations such as incomplete display or unclear display of the object body, and improve the layout quality of the document page. In addition, the document page display method in the embodiments of the present disclosure arranges each object body of the target document neatly, without manual intervention for typesetting adjustment, and can effectively improve the content layout efficiency of the document page.

[0076] Other features and advantages of the present disclosure will be described in the following specification, and in part, will be obvious from the specification, or will be understood by implementing the present disclosure. The objectives and other advantages of the present disclosure can be realized and obtained by the structures particularly pointed out in the specification, the claims, and the drawings. Brief Description of the Drawings

[0077] The drawings are used to provide a further understanding of the technical solutions of the present disclosure, and constitute a part of the specification. Together with the embodiments of the present disclosure, they are used to explain the technical solutions of the present disclosure, and do not constitute a limitation to the technical solutions of the present disclosure.

[0078] Figure 1 is a system architecture diagram of the application of the document page display method according to the embodiments of the present disclosure;

[0079] Figures 2A - 2C is a schematic diagram of the application of a document page display method according to the related art in a document page layout scenario;

[0080] Figures 3A - 3F is a schematic diagram of the application of another document page display method according to the related art in a document page layout scenario;

[0081] Figures 4A - 4F shows a schematic diagram of the application of the document page display method according to the embodiments of the present disclosure in a document page layout scenario;

[0082] Figure 5 is a flowchart of a document page display method according to an embodiment of the present disclosure;

[0083] Figure 6 is a flowchart of determining objects included in an object body row according to an embodiment of the present disclosure;

[0084] Figure 7 is a flowchart of line break display for an object body according to an embodiment of the present disclosure;

[0085] Figure 8 is a flowchart of determining that a first line space compression value and a second line space compression value meet a preset condition according to an embodiment of the present disclosure;

[0086] Figure 9 is a flowchart of determining a target line height according to an embodiment of the present disclosure;

[0087] Figure 10 is a flowchart of determining a minimum allowable line height and a maximum allowable line height according to an embodiment of the present disclosure;

[0088] Figure 11 is a flowchart of displaying each object body on a page according to an embodiment of the present disclosure;

[0089] Figure 12 is a flowchart of adjusting the overall display height of an object body group according to an embodiment of the present disclosure;

[0090] Figures 13A - 13D is a schematic diagram of the implementation process of adjusting the overall display height of an object body group according to an embodiment of the present disclosure;

[0091] Figure 14 is a flowchart of adjusting the display width of a first object body according to an embodiment of the present disclosure;

[0092] Figures 15A - 15C is a schematic diagram of the implementation process of adjusting the display width of a first object body according to an embodiment of the present disclosure;

[0093] Figure 16 is a flowchart of adjusting the display height of a first object body row according to an embodiment of the present disclosure;

[0094] Figures 17A - 17C is a schematic diagram of the implementation process of adjusting the display height of a first object body row according to an embodiment of the present disclosure;

[0095] Figure 18 is a flowchart of moving the position of a first object body according to an embodiment of the present disclosure;

[0096] Figures 19A - 19CSchematic diagram of the implementation process of moving the position of the first object according to an embodiment of the present disclosure;

[0097] Figure 20 Flowchart of switching the layout mode of the target object according to an embodiment of the present disclosure;

[0098] Figures 21A - 21C Schematic diagram of the implementation process of switching the layout mode of the target object according to an embodiment of the present disclosure;

[0099] Figure 22 Flowchart of switching the filling mode of the target object according to an embodiment of the present disclosure;

[0100] Figures 23A - 23C Schematic diagram of the implementation process of switching the filling mode of the target object according to an embodiment of the present disclosure;

[0101] Figure 24 Flowchart of adjusting the border color of the target object according to an embodiment of the present disclosure;

[0102] Figures 25A - 25C Schematic diagram of the implementation process of adjusting the border color of the target object according to an embodiment of the present disclosure;

[0103] Figure 26 Flowchart of adjusting the background color of the target object according to an embodiment of the present disclosure;

[0104] Figures 27A - 27C Schematic diagram of the implementation process of adjusting the background color of the target object according to an embodiment of the present disclosure;

[0105] Figure 28 Flowchart of adjusting the display content of the target object according to an embodiment of the present disclosure;

[0106] Figures 29A - 29F Schematic diagram of the implementation process of adjusting the display content of the target object according to an embodiment of the present disclosure;

[0107] Figure 30 Module diagram of the document page display device according to an embodiment of the present disclosure;

[0108] Figure 31 Terminal structure diagram of the document page display method according to an embodiment of the present disclosure;

[0109] Figure 32 Server structure diagram of the document page display method according to an embodiment of the present disclosure. Detailed implementation manners

[0110] In order to make the objectives, technical solutions and advantages of the present disclosure more clear and understandable, the present disclosure will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present disclosure and are not used to limit the present disclosure.

[0111] Before further elaborating on the embodiments of the present disclosure, the nouns and terms involved in the embodiments of the present disclosure are described. The nouns and terms involved in the embodiments of the present disclosure are applicable to the following explanations:

[0112] Artificial Intelligence (AI) is a theory, method, technology, and application system that uses digital computers or machines controlled by digital computers to simulate, extend, and expand human intelligence, perceive the environment, acquire knowledge, and use knowledge to obtain the best results. In other words, artificial intelligence is a comprehensive technology in computer science that attempts to understand the essence of intelligence and produce a new intelligent machine that can react in a way similar to human intelligence. Artificial intelligence also studies the design principles and implementation methods of various intelligent machines to enable the machines to have the functions of perception, reasoning, and decision-making. Artificial intelligence technology is an interdisciplinary subject with a wide range of fields, including both hardware-level technologies and software-level technologies. The basic technologies of artificial intelligence generally include sensors, dedicated artificial intelligence chips, cloud computing, distributed storage, big data processing technology, pre-trained model technology, operation / interaction systems, mechatronics, etc. Among them, the pre-trained model, also known as the large model or the foundation model, can be widely applied to downstream tasks in various directions of artificial intelligence after fine-tuning. The software technologies of artificial intelligence mainly include several major directions such as computer vision technology, speech processing technology, natural language processing technology, and machine learning / deep learning. With the research and progress of artificial intelligence technology, artificial intelligence technology has been studied and applied in multiple fields. For example, common ones include smart homes, smart wearable devices, virtual assistants, smart speakers, smart marketing, driverless, autonomous driving, drones, robots, smart healthcare, smart customer service, etc. It is believed that with the development of technology, artificial intelligence technology will be applied in more fields and play an increasingly important role.

[0113] In the content page of an intelligent document, the content to be displayed is often placed in a content container (a box that loads content on the page). The content containers are arranged in a row or a column. When the object slides up and down the content page, the content containers that have not been displayed in that row or column are sequentially displayed on the content page so that the object can view the content in the content containers.

[0114] In order to improve the layout rationality of each content in the content page, in the related art, when performing the content layout of the document page, relevant personnel often need to make the content containers of the document page arranged neatly by dragging and dropping the content containers and deleting the content in the content containers. This method often leads to low layout efficiency of the document page.

[0115] System Architecture and Scenario Description Applied in Embodiments of the Present Disclosure

[0116] Figure 1 It is a system architecture diagram to which the document page display method according to an embodiment of the present disclosure is applied. It includes an object terminal 140, the Internet 130, a gateway 120, an intelligent document server 110, a database 150, etc.

[0117] The object terminal 140 includes various forms such as a desktop computer, a laptop computer, a PDA (Personal Digital Assistant), a mobile phone, a vehicle-mounted terminal, a home theater terminal, a dedicated terminal, etc. In addition, it can be a single device or a collection of multiple devices. The object terminal 140 can communicate with the Internet 130 in a wired or wireless manner to exchange data. The object terminal 140 includes an intelligent document platform, which is used for a target object to perform operations such as document editing and page layout, and for presenting the document content edited by the target object to other objects.

[0118] The intelligent document server 110 refers to a computer system that can provide certain services to the object terminal 140. Compared with the ordinary object terminal 140, the intelligent document server 110 has higher requirements in terms of stability, security, performance, etc. The intelligent document server 110 can be a high-performance computer in the network platform, a cluster of multiple high-performance computers, a part (such as a virtual machine) allocated from a high-performance computer, a combination of parts (such as virtual machines) allocated from multiple high-performance computers, etc. The intelligent document server 110 includes various types of services. Among them, the implementation of each service of the intelligent document server is often associated with some intermediate databases or storage media, etc. The intelligent document server receives various interaction operations and trigger requests of the target object on the intelligent document platform, extracts relevant content from the database 150 according to the interaction operations and trigger requests, and presents the extracted relevant content on the document page of the intelligent document platform. Among them, the relevant content stored in the database 150 includes but is not limited to content such as pictures, videos, web pages, and charts that support responsive layout.

[0119] The gateway 120 is also known as an internetwork connector or protocol converter. The gateway realizes network interconnection at the transport layer and is a computer system or device that acts as a converter. Between two systems using different communication protocols, data formats, or languages, or even with completely different architectures, the gateway is a translator. At the same time, the gateway can also provide filtering and security functions. Messages sent by the object terminal 140 to the intelligent document server 110 need to be sent to the corresponding server through the gateway 120. Messages sent by the intelligent document server 110 to the object terminal 140 also need to be sent to the corresponding object terminal 140 through the gateway 120.

[0120] During the document page layout process, the intelligent document server 110 first extracts multiple content data selected by the object through the object terminal 140 from the database 150. Then, the intelligent document server 110 sequentially displays the multiple content data in the intelligent document platform according to a predetermined layout form to achieve neat typesetting of the multiple content data. Further, the object can perform custom editing on the multiple content data displayed on the page of the intelligent document platform through interactive operations such as dragging, dropping, and clicking on the intelligent document platform, so that the finally formed document page meets the actual needs of the object.

[0121] In the related art, document page layout is often achieved through document processing software or related application programs, etc.

[0122] Next, a detailed description will be given of the situation where a document page layout method in the related art is applied to a document page layout scenario in combination with Figures 2A - 2C the following.

[0123] As Figure 2A shown, in a page of a document, when multiple paragraphs of text and multiple pictures are inserted into the document, the text and pictures will be arranged and displayed in the page in a top-down order, and only one content is displayed in a line of the page. In addition, the page of the document also includes "insert" interactive controls, "layout" interactive controls, etc. At this time, the object clicks the "layout" interactive control to enter the layout editing of the text and pictures on the page of the document.

[0124] As Figure 2B shown, when the object clicks the "layout" interactive control, the current layout mode of the document displayed on the page is "one column", and the object switches the current layout mode of the document from "one column" to "two columns" by clicking the "two columns" selection button.

[0125] As Figure 2CAs shown, after the object switches the current layout mode of the document to "two columns", the first text content that appears in the page becomes displayed on the left side of the first line, and the first image that appears in the page becomes displayed on the right side of the first line, making the first line contain two contents. The images that appear later in the page become displayed on the left side of the second line, achieving the display of multiple contents in the page in two columns.

[0126] The above method can divide multiple contents of the document page into multiple columns by using various column options in the layout mode, enabling the multiple contents to be displayed side by side. However, there will be a problem that the multiple columns of content in the same row cannot be neatly arranged.

[0127] Next, the situation of applying another document page layout method in the related technology to the document page layout scenario will be described in detail in combination with Figures 3A - 3F

[0128] As Figure 3A shown, in the page of a document, when multiple paragraphs of text and multiple images are inserted into the document, the text and images will be arranged and displayed in the page in a top-down order, and only one content is displayed in one line of the page. At this time, there are two text content blocks and two images displayed from top to bottom in the page of the document.

[0129] As Figure 3B shown, the object selects the first image that appears in the page and drags the selected image to the right side of the page. At this time, a schematic form of the dragged image is displayed on the right side of the page. Among them, the dragged image is represented by a shadow image that is darker than the original image.

[0130] As Figure 3C shown, when the object releases the dragged image, the dragged image shrinks and is displayed on the right side of the second text content block. At the same time, the later-appearing image will be displayed on the next line below the second text content block and the dragged image. At this time, it is achieved that the second text content block and the first image that appears are displayed in the same line.

[0131] As Figure 3D shown, the object continues to drag the later-appearing image to the right side of the shrunk image in the above manner and releases the currently dragged image. The two images in the document will continue to shrink, and the second text content block and the two images will be displayed in the same line. Since the content of the second text content block is more, when all the content of the second text content block is displayed, there will be a large blank below the two images juxtaposed with the second text content block.

[0132] As Figure 3EAs shown, when the second picture is switched to another picture, since the picture sizes of the second picture and the first picture are different, where the first picture is a landscape picture and the second picture is a portrait picture. When the object drags both pictures to the right of the second text content block and the content of the second text content block is fully displayed, there will be a large blank space below the two pictures juxtaposed with the second text content block, and there are significant differences in the display heights of the two pictures. At this time, the various contents in the same row are not neatly displayed.

[0133] As Figure 3F shown, in order to make the various contents in the same row neatly displayed, the object deletes a part of the content of the second text content block, and scales and crops the second picture, finally making the display heights of the second text content block and the two pictures consistent.

[0134] The above method can use operations such as dragging and dropping to automatically switch multiple contents to be displayed in the same row. However, the display heights of the contents displayed in the same row will vary significantly due to the influence of the content itself. Relevant personnel still need to adjust the content by deleting content, cropping pictures, etc. to achieve the effect of neatly arranging multiple contents horizontally. However, the manual intervention adjustment method may cause problems such as incomplete display of the content and low efficiency of layout adjustment.

[0135] Compared with the related technology, the embodiments of the present disclosure are based on an automatic layout method to neatly arrange multiple content containers on the document page horizontally and vertically, and can achieve neat typesetting of the document page without the intervention of relevant personnel. The embodiments of the present disclosure can be applied in various scenarios, such as Figures 4A - 4F the document page layout scenario shown, etc.

[0136] As Figure 4A shown, when the object inserts the first picture into the intelligent document, the inserted picture is displayed on the page of the intelligent document.

[0137] As Figure 4B shown, when the object inserts the second picture into the document page of the intelligent document, the second picture will be automatically arranged and displayed after the first picture, the two pictures are displayed in the same row, and the display heights of the two pictures are consistent.

[0138] As Figure 4C shown, when the object inserts the third picture into the intelligent document, the third picture will be automatically arranged and displayed after the second picture, the display widths of the first picture and the second picture change, but the three pictures are still displayed in the same row, and the display heights of the three pictures in the display page are consistent.

[0139] AsFigure 4D As shown, when a fourth picture is inserted by an object into the intelligent document, the third picture automatically becomes displayed on the second line, and the fourth picture is displayed after the third picture. At this time, the first line displays the first picture and the second picture, and the display heights of the first picture and the second picture are kept consistent. The second line displays the third picture and the fourth picture, and the display heights of the third picture and the fourth picture are kept consistent. Additionally, the sum of the display widths of the first picture and the second picture is the same as the sum of the display widths of the third picture and the fourth picture. At this time, the rows in the intelligent document are neatly arranged both horizontally and vertically.

[0140] As Figure 4E shown, in another intelligent document, multiple charts are displayed. Among them, a pie chart and a bar chart arranged side by side are displayed on the first line. An area chart and a pie chart arranged side by side are displayed on the second line. A pie chart and a line chart arranged side by side are displayed on the third line. Among them, the contents of these three lines are neatly arranged both horizontally and vertically.

[0141] As Figure 4F shown, in another intelligent document, multiple embedded web pages are displayed. Among them, three web page content blocks are displayed in the first line; three web page content blocks are displayed in the second line. The web page content blocks of these two lines are neatly arranged both horizontally and vertically.

[0142] General Description of Embodiments of the Present Disclosure

[0143] According to an embodiment of the present disclosure, a method for displaying a document page is provided.

[0144] This method for displaying a document page is generally applied to business scenarios such as document editing, page layout, information recommendation, etc., such as Figures 4A - 4F the document page layout scenario shown. The embodiment of the present disclosure provides a solution for neatly arranging multiple content containers of a document page both horizontally and vertically based on an automatic layout method, which can improve the content layout efficiency of the document page.

[0145] As Figure 5 shown, the method for displaying a document page according to an embodiment of the present disclosure may include:

[0146] Step 510, receiving an addition request for an object body group on the page of the target document;

[0147] Step 520, displaying the object body group as at least one object body row;

[0148] Step 530, displaying each object body in the object body row such that the display width-to-height ratio of each object body is equal to the original width-to-height ratio of the object body corresponding thereto.

[0149] The following provides a detailed description of steps 510 - 530.

[0150] In step 510, a request for adding an object body group on the page of the target document is received.

[0151] The target document refers to an intelligent document to be edited. An intelligent document is a lightweight and editable document type.

[0152] The page of the target document refers to the area within the target document that displays the content for object editing, so that each group can obtain the content information contained in the target document from the page when browsing the target document.

[0153] In the embodiments of the present disclosure, when editing the target document, various forms of content such as pictures, videos, charts, web pages, and embedded applications can be added to the target document. Among them, pictures, videos, and charts will be added to the content container of the target document so that each picture, video, and chart can be independently displayed. The horizontal arrangement of the content containers is called a row, and the vertical arrangement of the content containers is called multiple rows. A rasterized layout of the page of the target document can be formed through multiple content containers.

[0154] It should be noted that in the embodiments of the present disclosure, each picture, video, and chart filled in the content container of the target page can automatically adjust the layout and style according to the container size of the content container, thereby achieving a responsive layout of the content.

[0155] The object body group refers to a combination formed by various types of content that need to be centrally displayed on the target document. The positions of the respective contents in the object body group are generally relatively close in the target document.

[0156] The request for adding an object body group is a request triggered when an object wants to display the object body group in the page of the target document during the layout of the display content of the target document.

[0157] In the embodiments of the present disclosure, the request for adding an object body group can be triggered by interaction operations such as the insertion operation and copy - paste operation of the object, without limitation.

[0158] In the embodiments of the present disclosure, the object body group includes multiple continuously added object bodies.

[0159] An object body refers to each content that needs to be displayed in the target document. Each object body has an original height and an original width. Among them, the types of object bodies include but are not limited to pictures, videos, charts, web pages, and embedded applications to be added to the target document. Object bodies are generally filled in the content container.

[0160] For example, the object body group includes three object bodies. According to the order of addition to the target document, the first object body is a picture A, the second object body is a chart, and the third object body is a picture B.

[0161] Since different object bodies have an original height and an original width, and the original heights of different object bodies may be the same or different, so when determining a target line height, at least one of the multiple object bodies in the embodiments of the present disclosure does not have the target line height.

[0162] However, since each object body has an original height and an original width, so each object body in the embodiments of the present disclosure has an original aspect ratio corresponding to the object body.

[0163] The target line height refers to the container height of the content containers in the same row in the target document. When the object body completely fills the content container, the target line height is also the display height of the object body in the target document.

[0164] The original aspect ratio refers to the ratio of the original width to the original height of the object body.

[0165] In the specific implementation of this embodiment, when an object performs page editing on the target document and wants to continuously add a series of object bodies to the target document, the object will trigger a request to add an object body group on the page of the target document through methods such as insertion and copy-paste on the intelligent document platform of the object terminal, and provide the object bodies determined to be added to the target document to the intelligent document platform. Based on this, the intelligent document server will receive the addition request of the object body group on the page of the target document, and determine information such as the object body group to be added to the page of the target document, the addition order of each object body in the object body group, the original width, and the original height.

[0166] In step 520, the object body group is displayed as at least one object body row.

[0167] In the embodiments of the present disclosure, in order to make the content of the target document neatly display different contents both horizontally and vertically, the object body row has a target line height so that multiple object bodies in the object body row are neatly arranged horizontally.

[0168] In the specific implementation of this embodiment, the intelligent document server will sequentially retrieve the object bodies in the object body group and add them to the content container of the target document, so that the object bodies in the content container are displayed in the target document in the order from top to bottom and from left to right. Further, in order to arrange multiple object bodies neatly horizontally, multiple object bodies in the same row are determined as an object body row, and the object bodies in each object body row are adjusted to be displayed at the same height, where the adjusted same height is the target row height of this object body row.

[0169] It should be noted that the target row heights of different object body rows can be the same or different, without limitation. The sum of the display widths of all the object bodies in different object body rows is equal.

[0170] To save space, the specific implementation process of displaying the object body group as at least one object body row in the embodiments of the present disclosure will be described in detail below and will not be elaborated here.

[0171] In step 530, each object body in the object body row is displayed such that the display width-to-height ratio of each object body is equal to the original width-to-height ratio corresponding to the object body.

[0172] The display width-to-height ratio refers to the ratio of the width actually displayed and the height actually displayed of the object body in the target document.

[0173] In the specific implementation of this embodiment, for each object body row, after determining the target row height of the object body row, first multiply the original width-to-height ratio of each object body in the object body row by the target row height to obtain the display width of each object body. Further, each object body in the object body row is displayed in the target document according to the display width and the target row height, so that the display width-to-height ratio of each object body is equal to the original width-to-height ratio corresponding to the object body, which helps to reduce the risk that the object body is overstretched and unclear.

[0174] To save space, the specific implementation process of displaying each object body in the object body row in the embodiments of the present disclosure will be described in detail below and will not be elaborated here.

[0175] Through the above steps 510-530, in the embodiments of the present disclosure, when laying out the document page, each content is regarded as an object body separately, and multiple object bodies that need to be continuously displayed are regarded as an object body group. First, a request for adding an object body group is received on the page of the target document. Then, according to the addition request, the multiple object bodies of the object body group are split into at least one object body row, and one object body row includes at least two object bodies. At the same time, when the object body row is displayed on the page, the object body row is displayed according to the target row height, so that each object body of the object body row is displayed according to the target row height, and the object bodies in the same object body row have the same display height, realizing the horizontal alignment of each object body on the page. Further, since each object body has an original aspect ratio, when each object body of the object body row is displayed according to the target row height, the display width of the object body is also controlled according to the original aspect ratio, so that the display aspect ratio of the object body is equal to the corresponding original aspect ratio of the object body, which can improve the display effectiveness of the object body, reduce the occurrence of situations such as incomplete display or unclear display of the object body, and improve the layout quality of the document page. In addition, the document page display method in the embodiments of the present disclosure arranges each object body of the target document neatly, without manual intervention for typesetting adjustment, and can effectively improve the content layout efficiency of the document page.

[0176] The above is the overall description of steps 510-530. Since step 510 has been described in detail in the above overall description, the specific implementations of steps 520 and 530 will be described in detail below.

[0177] Detailed Description of Step 520

[0178] In step 520, the object body group is displayed as at least one object body row, and the object body row has a target row height.

[0179] Please refer to Figure 6 , in some embodiments, the object bodies included in the object body row are determined by the following method:

[0180] Step 610: Obtain the minimum allowable row height, the maximum allowable row height, and the page row width;

[0181] Step 620: Take out the anchor object body from the object body group, determine the first display height of the anchor object body between the minimum allowable row height and the maximum allowable row height, and determine the first display width of the anchor object body based on the first display height of the anchor object body and the original aspect ratio of the anchor object body;

[0182] Step 630: Take out an object body that has not been taken out from the object body group, and determine the second display width of the taken-out object body based on the first display height and the original aspect ratio of the taken-out object body;

[0183] Step 640: If the sum of the first display width and the second display width of the retrieved object body does not exceed the page line width, return to the step of retrieving an unretrieved object body from the object body group until the sum of the first display width and the second display widths of the retrieved object bodies exceeds the page line width. Take the anchor object body and the retrieved object bodies other than the last retrieved object body as the object bodies included in the current object body line, take the next object body line of the current object body line as the current object body line, update the anchor object body with the last retrieved object body, and return to the step of retrieving an unretrieved object body from the object body group.

[0184] The following provides a detailed description of steps 610 - 640.

[0185] In step 610, obtain the minimum allowable line height, the maximum allowable line height, and the page line width.

[0186] The minimum allowable line height is used to indicate the minimum height of the object body line that can be displayed on the page of the target document.

[0187] The maximum allowable line height is used to indicate the maximum height of the object body line that can be displayed on the page of the target document.

[0188] The page line width is used to indicate the width of the object line that can be displayed on the page of the target document.

[0189] In the specific implementation of this embodiment, the minimum allowable line height, the maximum allowable line height, and the page line width are pre - determined according to the document editing requirements of the target document. The minimum allowable line height, the maximum allowable line height, and the page line width can all be determined according to various factors such as the document capacity, document usage, and document type of the target document, without specific limitations.

[0190] For example, when the object selects the document type of the target document on the intelligent document platform of the object terminal, a prompt window will be displayed on the intelligent document platform. The prompt window will indicate the default minimum allowable line height, the default maximum allowable line height, and the default page line width corresponding to the document type. The object can directly determine to use the default minimum allowable line height as the above - mentioned minimum allowable line height, the default maximum allowable line height as the above - mentioned maximum allowable line height, and the default page line width as the above - mentioned page line width through interaction with the "confirm" control in the page.

[0191] It should be noted that, in order to improve the page aesthetics of the target document, the intelligent document server can default to setting the minimum allowable line height to 40 pixel heights and the maximum allowable line height to 400 pixel heights.

[0192] In step 620, an anchor object body is taken out from the object body group, the first display height of the anchor object body is determined to be between the minimum allowable line height and the maximum allowable line height, and the first display width of the anchor object body is determined based on the first display height of the anchor object body and the original aspect ratio of the anchor object body.

[0193] The anchor object body refers to the first object body in each object body row.

[0194] The first display height is used to indicate the display height of the first object body in the object body row on the page of the target document.

[0195] The first display width is used to indicate the display width of the first object body in the object body row on the page of the target document.

[0196] In the specific implementation of this embodiment, for the object body group, the object body group is displayed as a series of object body rows arranged from top to bottom. First, for the first object body row, an anchor object body is taken out from the object body group, where the anchor object body is the first object body taken out from the object body group. Then, according to the original height, the minimum allowable line height, and the maximum allowable line height of the anchor object body, the first display height of the anchor object body is determined, where the first display height is not less than the minimum allowable line height and not greater than the maximum allowable line height. Further, the first display width of the anchor object body is obtained by multiplying the first display height of the anchor object body by the original aspect ratio of the anchor object body.

[0197] For example, the minimum allowable line height is defaultly determined to be 40 pixel heights, and the maximum allowable line height is determined to be 400 pixel heights. When the original height of the anchor object body taken out from the object body group is 200 pixel heights, the original width is 200 pixel widths, and the original aspect ratio is 1:1, since 200 is between 40 and 400, the first display height of the anchor object body is directly determined to be 200 pixel heights, and the first display width of the anchor object body is directly determined to be 200 pixel widths.

[0198] It should be noted that for each object body row, after determining the anchor object body of the object body row, the specific process of determining the first display height and the first display width of the anchor object body is basically the same as the specific implementation process of step 620 above. For the sake of brevity, it will not be elaborated here.

[0199] It should be noted that when the current object body row is the first object body row, the anchor object body is the first object body taken out from the object body group. The anchor object body of each object body row is the first object body of the object body row.

[0200] In step 630, an object body that has not been taken out is taken out from the object body group, and the second display width of the taken-out object body is determined based on the first display height and the original aspect ratio of the taken-out object body.

[0201] The object that has not been taken out refers to the object in the object group that has not been added to the object line on the page of the target document.

[0202] The second display width is used to indicate the width of the object that has not been taken out in the object group when it is taken out and displayed in the object line on the page.

[0203] When specifically implementing this embodiment, for the current object line, after determining the anchor object of the current object line, first take out an object that has not been taken out from the object group. Then, since the display heights of all objects in the current object line need to be the same, the display height of the taken-out object is confirmed as the first display height. Finally, multiply the first display height by the original width-to-height ratio of the taken-out object to obtain the second display width of this taken-out object.

[0204] For example, in the case where the first display height and the first display width of the above-mentioned anchor object are both 300 pixels. When taking out an object that has not been taken out from the object group as the second object in the current object line, the second display height of the taken-out object is 300. Assuming that the original width-to-height ratio of the taken-out object is 1:2, then the second display width of the taken-out object is determined to be 300 * 1 / 2 = 150 pixel widths.

[0205] In another embodiment, when a newly taken-out object is added from the object group to the current object line, the display line height of the current object line can also be re-determined according to the display heights of the anchor object and each taken-out object already added in the current object line (the display line height of the current object line before adding the newly taken-out object), and the original height of the newly taken-out object, so that the display heights of each object in the current object line are updated, and then the first display width of the anchor object and the second display widths of each taken-out object are determined according to the updated display line height.

[0206] For example, in the case where the first display height and the first display width of the above-mentioned anchor object are both 300 pixels. When taking out an object that has not been taken out from the object group as the second object in the current object line, the original height of the taken-out object is 400 pixel heights, and the original width is 200 pixel widths. The original width-to-height ratio of the taken-out object is 1:2. Based on this, the display line height of the current object line is re-determined according to the first display height of the anchor object and the original height of the taken-out object, and the display line height is determined to be 350 pixel heights. At this time, the first display width and the first display height of the anchor object are both updated to 350 pixels, and the second display width of the taken-out object is determined to be 350 * 1 / 2 = 175 pixel widths.

[0207] In step 640, if the sum of the first display width and the second display width of the retrieved object does not exceed the page line width, return to the step of retrieving an unretrieved object from the object group until the sum of the first display width and the second display widths of each retrieved object exceeds the page line width. Take the anchor object and the other retrieved objects except the last retrieved object as the objects included in the current object line, take the next object line of the current object line as the current object line, update the anchor object with the last retrieved object, and return to the step of retrieving an unretrieved object from the object group.

[0208] When specifically implementing this embodiment, when the anchor object is retrieved from the object group and added to the current object line, and an unretrieved object is retrieved from the object group and added to the current object line, compare the sum of the first display width of the anchor object and the second display width of the retrieved object with the page line width of the page of the target document. If the sum of the first display width of the anchor object and the second display width of the retrieved object is less than the page line width, it indicates that an object can still be retrieved from the object group and added to the current object line. Then return to the step of retrieving an unretrieved object from the object group. When retrieving an object each time, determine the second display width of the retrieved object, and compare the sum of the first display width of the anchor object and the second display widths of all retrieved objects with the page line width. If the sum of the first display width of the anchor object and the second display widths of all retrieved objects does not exceed the page line width, continue the foregoing process until, after retrieving a certain object, the sum of the first display width and the second display widths of each retrieved object exceeds the page line width, indicating that the objects that can be accommodated in the current object line have become saturated and the current object line cannot accommodate the last retrieved object. Therefore, take the anchor object and the other retrieved objects except the last retrieved object as the objects included in the current object line. At this time, the current object line contains the anchor object, and the anchor object and the other retrieved objects except the last retrieved object.

[0209] Further, take the next object line of the current object line as the current object line, update the anchor object with the last retrieved object, return to the step of retrieving an unretrieved object from the object group, and repeat the above process until the current object line at this time reaches saturation, update the current object line and the anchor object, and continue to determine the objects of the new current object line until all the objects in the object group are retrieved.

[0210] The advantage of this embodiment is that for each object line, with the first object as the anchor object, multiple unextracted objects are sequentially taken out from the object group and added to the object line, and the line height of the object line is continuously adjusted according to the original height of the added object, so that each object line finally reaches the corresponding target line height, so that the multiple objects in each object line have the same display height, realizing the neat typesetting of each line of the page. Further, when sequentially taking out multiple unextracted objects from the object group and adding them to the object line, multiple object lines are formed in the top-down order. When the first display width of the anchor object of the current object line and the second display widths of all the taken-out objects exceed the page line width, the last taken-out object is used as the first object (anchor object) of the next object line, and the layout of a new object line is started, which can effectively make the display widths of each object line relatively uniform vertically, achieving the effect of neatly arranging multiple objects on the page both horizontally and vertically.

[0211] Since there may be certain differences in the display line heights of different object lines, if the difference in the display line heights between two adjacent object lines is too large, it often causes the page to be unattractive, resulting in poor visual effects and affecting the layout rationality of the document page. Based on this, the embodiments of the present disclosure provide a solution for line breaking and displaying objects based on the space compression degree of each object line, which can reduce the line height gap between adjacent object lines and improve the layout rationality of the document page.

[0212] Please refer to Figure 7 , in some embodiments, the process of line breaking and displaying objects based on the space compression degree of each object line includes but is not limited to the following steps 710-720:

[0213] Step 710: Determine the first line space compression value of the current object line and the second line space compression value of the next object line of the current object line;

[0214] Step 720: If it is determined that the first line space compression value and the second line space compression value meet the preset conditions, move a predetermined number of objects taken out before the last taken-out object to the next object line of the current object line, and adjust the display line height of the current object line and the display line height of the next object line of the current object line.

[0215] The following describes steps 710-720 in detail.

[0216] In step 710, the first line space compression value of the current object line and the second line space compression value of the next object line of the current object line are determined.

[0217] The first line space compression value is used to indicate the degree of space compression of the current object body line. When there are more object bodies in the current object body line, the display line height of the current object body line is smaller (the target line height is smaller), and the first line space compression value is smaller.

[0218] The second line space compression value is used to indicate the degree of space compression of the next object body line. When there are fewer object bodies in the current object body line, the display line height of the next object body line is larger (the target line height is larger), and the second line space compression value is larger.

[0219] In the specific implementation of this embodiment, since there is a certain correlation between the line space compression degree of each object body line and the display line height of the object body line, based on this, first, according to the correlation relationship between the line space compression degree of the object body line and the display line height of the object body line, a preset function is determined, where the preset function is used to indicate the mathematical relationship between the line space compression degree of the object body line and the display line height of the object body line, and the preset function is an increasing function in which the line space compression value changes with the display line height. Then, for the current object body line, the display line height of the current object body line (the target line height of the current object body line) is used as the independent variable and substituted into the preset function, and the output value of the preset function is used as the first line space compression value of the current object body line. Similarly, for the next object body line, the display line height of the next object body line (the target line height of the next object body line) is used as the independent variable and substituted into the preset function, and the output value of the preset function is used as the second line space compression value of the next object body line.

[0220] In step 720, if it is determined that the first line space compression value and the second line space compression value meet the preset conditions, then a predetermined number of object bodies taken out before the last taken out object body are moved to the next object body line of the current object body line, and the display line height of the current object body line and the display line height of the next object body line of the current object body line are adjusted.

[0221] The preset conditions are used to determine whether the difference in the space compression degree between the current object body line and the next object body line meets the requirement of displaying the object bodies of the current object body line on a new line.

[0222] The predetermined number is used to indicate the total number of object bodies in the current object body line that need to be displayed on the next object body line.

[0223] In the embodiment of the present disclosure, the magnitude of the predetermined number will affect the difference degree of the compressed spaces of the current object body line and the next object body line. Therefore, the predetermined number can be determined according to the desired difference degree between the current object body line and the next object body line.

[0224] The display line height is used to indicate the display heights of the current object body line and the object body of the next object body line after a part of the object body of the current object body line is wrapped and displayed for the current object body line.

[0225] In the specific implementation of this embodiment, first, substitute the first-line space compression value and the second-line space compression value into the preset conditions, and determine whether the first-line space compression value and the second-line space compression value meet the requirements for making the preset conditions hold. When the first-line space compression value and the second-line space compression value make the preset conditions hold, it indicates that the difference in the space compression degrees of the current object body line and the next object body line has reached the requirement for wrapping and displaying a part of the object body of the current object body line, and it is necessary to adjust a part of the object body in the current object body to be displayed on the next object body line.

[0226] Furthermore, since the last object body taken out is the first object body of the next object body line, the object bodies taken out before the last object body taken out are the object bodies in the current object body line. Based on this, first determine the predetermined number of object bodies to be wrapped and displayed. Then, according to the extraction order of the object bodies taken out before the last object body taken out, use the predetermined number of object bodies ranked later in the extraction order as the object bodies to be wrapped and displayed. Then, according to the anchor object body in the current object body line and the original width-to-height ratio of the object bodies other than the object bodies to be wrapped and displayed, adjust the display line height of the current object body line. Furthermore, according to the original width-to-height ratio of the object bodies to be wrapped and displayed and the target line height of the next object body line, adjust the display line height of the next object body line, and sequentially display the object bodies to be wrapped and displayed on the next object body line according to the extraction order. Finally, use the first object body to be wrapped and displayed on the next object body line as the anchor object body, and according to the above steps 610 - 640, redisplay the object bodies after this anchor object body in each object body line.

[0227] As Figure 4A shown, the object body group contains four object bodies, and all four object bodies are pictures. First, take out an object body from the object body group and display this object body as the anchor object body in the first object body line, where this anchor object body is loaded in the content container.

[0228] As Figure 4B shown, take out another object body from the object body group and add it to the first object body line. According to the original height of the first object body taken out after the anchor object body and the first display height of the anchor object body, adjust the anchor object body and the first object body taken out after the anchor object body to be displayed on the page at a unified height, and make the sum of the display widths of the anchor object body and the first object body taken out after the anchor object body reach the page line width.

[0229] As Figure 4CAs shown, after the anchor object body and the first object body taken out after the anchor object body are displayed on the page, another object body is taken out from the object body group and added after the previously taken out object body. According to the original height of the second object body taken out after the anchor object body and the display heights of the anchor object body and the first object body taken out after the anchor object body, the anchor object body and the two taken out object bodies are adjusted to be displayed on the page at a unified height, and the display widths of the anchor object body and the two taken out object bodies are adjusted so that the sum of the display widths of the anchor object body and the two taken out object bodies reaches the page line width.

[0230] As Figure 4D shown, continue to take out the fourth object body (the third object body taken out after the anchor object body) from the object body group. If the fourth object body is added to the first object body row to display four pictures side by side, it will cause the display row height of the first object body row to be less than the minimum allowable row height, and the pictures will be overcompressed. Therefore, the fourth object body needs to be used as the anchor object body and added to the second object body row. However, in the way of displaying 3 object bodies in the first object body row (the current object body row) and 1 object body in the second object body row (the next object body row), the first row space compression value of the first object body row and the second row compression value of the second object body row differ too much. Based on this, the two previously taken out object bodies are displayed in the first object body row, and the two later taken out object bodies are displayed in the second object body row, so that the row space compression degrees of the two object body rows are basically the same.

[0231] The advantage of this embodiment is that a row space compression value is assigned to each object body row. When it is determined that the row space compression value of the previous object body row is small and differs greatly from the row space compression value of the next object body row, a part of the object bodies in the previous object body row are adjusted to be displayed in the next object body row, and the display heights of the object bodies in the object body row after the previous object body row are adjusted accordingly, so as to reduce the row height difference between adjacent object body rows and improve the layout rationality of the document page.

[0232] Since when the preset conditions are set to be relatively complex, it often causes a large amount of calculation in judgment, resulting in too long judgment time and affecting the layout efficiency of the document page. Based on this, the embodiments of the present disclosure provide a simple judgment scheme based on a threshold, which can improve the efficiency of determining whether the space compression difference between adjacent object body rows triggers line break display, and further improve the layout efficiency of the document page.

[0233] Please refer to Figure 8 , in some embodiments, the process of determining that the first row space compression value and the second row space compression value meet the preset conditions includes but is not limited to the following steps 810-820:

[0234] Step 810: If it is determined that the spatial compression value of the first row is less than a preset first threshold, then compare the spatial compression value of the second row with a preset second threshold;

[0235] Step 820: If it is determined that the spatial compression value of the second row is greater than the second threshold, then determine that the spatial compression values of the first row and the second row meet the preset conditions.

[0236] The following is a detailed description of steps 810-820.

[0237] In step 810, if it is determined that the spatial compression value of the first row is less than a preset first threshold, then compare the spatial compression value of the second row with a preset second threshold.

[0238] The first threshold is used to measure whether the row space compression degree of the current object body row is too large.

[0239] The second threshold is used to measure whether the row space compression degree of the next object body row is small.

[0240] In the embodiments of the present disclosure, the above-mentioned first threshold and second threshold can both be set according to actual business requirements and actual application scenarios without limitation, where the second threshold is greater than the first threshold.

[0241] In the specific implementation of this embodiment, first compare the spatial compression value of the first row with the preset first threshold. Then, if the spatial compression value of the first row is greater than or equal to the first threshold, it indicates that the row space compression degree of the current object body row is moderate, and the object body of the current object body row is not over-compressed. If the spatial compression value of the first row is less than the first threshold, it indicates that the row space compression degree of the current object body row is too large, the number of object bodies in the current object body row is too many, and each object body may be over-compressed, which may cause the object body to not be displayed normally. Based on this, it is necessary to consider reducing the number of object bodies in the current object body row to reduce the row space compression degree of the current object body row. Therefore, compare the spatial compression value of the second row with the preset second threshold to determine whether there is sufficient space in the next object body row.

[0242] In step 820, if it is determined that the spatial compression value of the second row is greater than the second threshold, then determine that the spatial compression values of the first row and the second row meet the preset conditions.

[0243] In the specific implementation of this embodiment, if it is determined that the spatial compression value of the second row is greater than the second threshold, it indicates that the row space compression degree of the next object body row is small, there is a large amount of surplus space, and more object bodies can be accommodated. Based on this, it is determined that some object bodies of the current object body row can be wrapped to the next object body row for display to reduce the row space compression degrees of the two object body rows. Therefore, it is determined that the spatial compression values of the first row and the second row meet the preset conditions.

[0244] In another embodiment, if it is determined that the second line space compression value is less than or equal to the second threshold, it indicates that the line space of the next object body line is not sufficient. If the object body of the current object body line is moved to the next object body line, it may cause excessive line space compression of the next object body line. Based on this, the object bodies of the current object body line and the next object body line remain unchanged.

[0245] The advantage of this embodiment is that according to the magnitude relationship between the first line space compression value and the first threshold, it is determined whether the line space compression degree of the current object body line is too small. When the object body of the current object body line is over-compressed, according to the magnitude relationship between the second line space compression value and the second threshold, it is determined whether there is sufficient space in the next object body line. When the line space of the next object body line is sufficient, the object body of the current object body line is switched to the next object body line for display. By adopting a simple judgment method based on thresholds, the efficiency of determining whether the space compression difference between adjacent object body lines triggers line break display can be improved, thereby improving the layout efficiency of the document page.

[0246] Since when the target line height takes any value, if the target line height takes a relatively large value, it will cause the page length to be too long. If the target line height takes a relatively small value, it will cause the object body of the object body line not to be displayed normally. Both of these situations will result in an unattractive page and an unreasonable layout. Based on this, the embodiments of the present disclosure provide a solution for determining the target line height based on a preset extreme value and the original height of the object body, which can improve the determination efficiency and determination rationality of the target line height.

[0247] Please refer to Figure 9 , in some embodiments, the process of determining the target line height includes but is not limited to the following steps 910-930:

[0248] Step 910: If it is determined that the original height of each object body in the object body group is less than the minimum allowable line height, then the minimum allowable line height is determined as the target line height;

[0249] Step 920: If it is determined that the original height of each object body in the object body group is greater than the maximum allowable line height, then the maximum allowable line height is determined as the target line height;

[0250] Step 930: If it is determined that there is at least one object body in the object body group whose original height is between the minimum allowable height and the maximum allowable line height, then the target line height is determined based on the original heights of multiple object bodies in the object body group.

[0251] The following is a detailed description of steps 910-930.

[0252] In step 910, first, for each object in the object group, the original height of each object is compared with the maximum allowable line height and the minimum allowable line height respectively. Then, if the original height of each object in the object group is less than the minimum allowable line height, it indicates that the original height of each object in the object group is relatively small. If displayed according to the original height and original width, there may be a problem of unclear display. Based on this, if it is determined that the original height of each object in the object group is less than the minimum allowable line height, in order to improve the display effectiveness of the object, the minimum allowable line height is determined as the target line height.

[0253] For example, the minimum allowable line height is defaulted to 40 pixel heights, and the maximum allowable line height is defaulted to 400 pixel heights. Specifically, the object group includes object 1 with an original height of 30 pixel heights, object 2 with an original height of 35 pixel heights, object 3 with an original height of 20 pixel heights, and object 4 with an original height of 33 pixel heights. Since the original heights of the 4 objects included in the object group are all less than 40 pixel heights. Therefore, the minimum allowable line height is determined as the target line height. At this time, the target line height is 40 pixel heights.

[0254] In step 920, first, for each object in the object group, the original height of each object is compared with the maximum allowable line height and the minimum allowable line height respectively. Then, if the original height of each object in the object group is greater than the maximum allowable line height, it indicates that the original height of each object in the object group is relatively large. If displayed according to the original height and original width, there may be a problem of too long display space for the object. Based on this, if it is determined that the original height of each object in the object group is greater than the maximum allowable line height, in order to reduce the page sliding step, the maximum allowable line height is determined as the target line height.

[0255] For example, the minimum allowable line height is defaulted to 40 pixel heights, and the maximum allowable line height is defaulted to 400 pixel heights. Specifically, the object group includes object 1 with an original height of 450 pixel heights, object 2 with an original height of 420 pixel heights, object 3 with an original height of 477 pixel heights, and object 4 with an original height of 560 pixel heights. Since the original heights of the 4 objects included in the object group are all greater than 400 pixel heights. Therefore, the maximum allowable line height is determined as the target line height. At this time, the target line height is 400 pixel heights.

[0256] In step 930, first, for each object body in the object body group, the original height of each object body is respectively compared with the maximum allowable line height and the minimum allowable line height. If the original height of at least one object body in the object body group is between the minimum allowable height and the maximum allowable line height, it indicates that the original height of this object body meets the display requirements. The original height of this object body can be used as a reference to adjust the display height of other object bodies to the original height of this object body, so that the object bodies can be displayed at a unified height. In addition, in addition to adjusting the display height of other object bodies to the original height of this object body, the display height of the object bodies can also be adjusted to a moderate value according to the differences between the original heights of the individual object bodies, so as to reduce the display differences between the individual object bodies. Based on this, the target line height can be determined based on the original heights of multiple object bodies in the object body group. Among them, the methods for determining the target line height based on the original heights of multiple object bodies in the object body group include but are not limited to the following methods:

[0257] (1) First, calculate the average of the original heights of multiple object bodies to obtain the average height; then, compare the average height with the maximum allowable line height and the minimum allowable line height. If the average height is between the maximum allowable line height and the minimum allowable line height, the average height is used as the target line height; if the average height is less than the minimum allowable line height, the minimum allowable line height is used as the target line height; if the average height is greater than the minimum allowable line height, the maximum allowable line height is used as the target line height.

[0258] (2) First, obtain a preset function, and the preset function is used to indicate the degree of display difference between object bodies. Then, in each loop calculation round, determine the line height value according to the original heights of the individual object bodies, substitute different line height values into the preset function, and determine the line height value that makes the output value of the preset function the smallest. Finally, the line height value that makes the output value of the preset function the smallest is used as the target line height.

[0259] The advantage of this embodiment is that when the original heights of the object bodies are all relatively small, they are constructed according to the preset minimum allowable line height, so that each object body in the object body row can be normally displayed. When the original heights of the object bodies are all relatively large, they are constructed according to the preset maximum allowable line height to control the length of the object body row and avoid the situation of too long a length. When the original heights of the object bodies are relatively reasonable, a moderate target line height is determined according to the original heights of the object bodies. This method can improve the determination efficiency and determination rationality of the target line height.

[0260] Please refer to Figure 10 , in some embodiments, the process of determining the minimum allowable line height and the maximum allowable line height includes but is not limited to the following steps 1010-1030:

[0261] Step 1010: Determine the total number of object bodies in the object body group, the maximum document capacity and the minimum document capacity of the target document;

[0262] Step 1020: Based on the total number of object bodies and the minimum document capacity, determine the minimum allowable line height;

[0263] Step 1030: Based on the total number of object bodies and the maximum document capacity, determine the maximum allowable line height.

[0264] The following is a detailed description of Steps 1010 - 1030.

[0265] In Step 1010, determine the total number of object bodies in the object body group, the maximum document capacity and the minimum document capacity of the target document.

[0266] The total number of object bodies is used to indicate the total number of object bodies included in the object body group.

[0267] The maximum document capacity is used to indicate the maximum number of bytes of content that the target document allows to record.

[0268] The minimum document capacity is used to indicate the minimum number of bytes of content that the target document allows to record.

[0269] In the specific implementation of this embodiment, first, use a summation function such as the sum function to count the object bodies in the object body group to obtain the total number of object bodies in the object body group. Then, with authorization, extract the document attribute information of the target document to obtain the document attribute information, and extract the maximum document capacity and the minimum document capacity of the target document from the document attribute information according to the attribute type.

[0270] In Step 1020, based on the total number of object bodies and the minimum document capacity, determine the minimum allowable line height.

[0271] In the specific implementation of this embodiment, first obtain a preset line height calculation function. Among them, the line height calculation function is a function that increases as the document capacity increases and increases as the total number of object bodies increases. Then, substitute the total number of object bodies and the minimum document capacity as independent variables into the preset line height calculation function, and use the output of the line height calculation function as the minimum allowable line height.

[0272] In Step 1030, based on the total number of object bodies and the maximum document capacity, determine the maximum allowable line height.

[0273] In the specific implementation of this embodiment, the specific implementation process of Step 1030 is similar to the specific implementation process of the above Step 1020. The difference is that Step 1020 determines the minimum allowable line height; while Step 1030 determines the maximum allowable line height, and the extreme values determined by the two are different. For the sake of brevity, it will not be elaborated here.

[0274] The advantage of this embodiment is that, based on the total number of object bodies to be displayed on the page of the target document, as well as the maximum byte count and minimum byte count of the content allowed to be displayed in the target document, the minimum allowable line height and maximum allowable line height of the object body lines in the target document are jointly determined, so that when inserting different types and quantities of content, the object body lines on the page of the target document will be displayed at different heights, improving the flexibility in determining the minimum allowable line height and maximum allowable line height, and also improving the display aesthetics of the object body lines on the page of the target document.

[0275] Detailed Description of Step 530

[0276] In step 530, each object body in the object body line is displayed such that the display aspect ratio of each object body is equal to the original aspect ratio corresponding to the object body.

[0277] Please refer to Figure 11 , in some embodiments, the process of displaying each object body in the object body line includes but is not limited to the following steps 1110-1130:

[0278] Step 1110: For each object body, determine the extraction sequence number for extracting the object body from the object body group;

[0279] Step 1120: Based on the extraction sequence number, display multiple object bodies in the object body line in sequence, so that the current layout mode of each object body is the automatic layout mode;

[0280] Step 1130: For each object body, display the object body on the page according to the container size of the content container that loads the object body.

[0281] The following provides a detailed description of steps 1110-1130.

[0282] In step 1110, for each object body, determine the extraction sequence number for extracting the object body from the object body group.

[0283] The extraction sequence number is used to indicate the extraction order of each object body. For example, if the extraction sequence number of object body 1 is 2, it indicates that object body 1 is the second object body extracted from the object body group.

[0284] In the specific implementation of this embodiment, when extracting each object body from the object body group, the extraction sequence number of each object body is determined according to the extraction order.

[0285] In step 1120, based on the extraction sequence number, display multiple object bodies in the object body line in sequence, so that the current layout mode of each object body is the automatic layout mode.

[0286] The current layout mode is used to indicate the current layout mode of each object body.

[0287] The automatic layout mode is used to indicate that each object body is displayed and laid out on the page in the order from top to bottom and from left to right.

[0288] In the specific implementation of this embodiment, first, according to the extraction serial number, the first extracted object body is displayed at the first position of the first object body row on the page, and the current layout mode of this object body is set to the automatic layout mode. Then, the second extracted object body is displayed after the first extracted object body, and the current layout mode of this object body is set to the automatic layout mode, and so on. Each object body is displayed on the page in the order from top to bottom and from left to right, and the current layout modes of all object bodies are set to the automatic layout mode.

[0289] For example, in the above Figure 4D , the picture extracted first is displayed in the current object row, and the current layout modes of the two pictures are the automatic layout mode. In the next object body row, the pictures with extraction serial numbers 3 and 4 are displayed, and the current layout modes of the two pictures are the automatic layout mode.

[0290] In step 1130, for each object body, the object body is displayed on the page according to the container size of the content container that loads the object body.

[0291] The content container refers to the content box on the page that loads the object body.

[0292] The container size is used to indicate the size of the content container.

[0293] In the specific implementation of this embodiment, first, according to the target row height that the object body should have when being displayed and the original width-to-height ratio of the object body, the container size of the content container is determined. Among them, the container height of the content container indicated in the container size is equal to the target row height, and the container width is equal to the product of the target row height and the original width-to-height ratio. Then, for each object body, the object body is displayed on the page according to the container size of the content container that loads the object body. At this time, the object body completely fills the content container.

[0294] For example, in the above Figure 4C , the anchor object body is displayed on the page according to the container size of the content container that loads the anchor object body, and the border of the anchor object body displayed on the page is the container border of the content container.

[0295] The advantage of this embodiment is that when multiple object bodies of an object body group are displayed on a page, each object body is displayed on the page in the order of extraction, and the effect that each object body is automatically laid out and displayed on the page in the order from top to bottom and from left to right can be achieved. Further, when each object body is displayed, it completely fills the content container that loads the object body, so that the content container has no unfilled space, which can realize the effective display of the object body and improve the layout efficiency and rationality of the document page.

[0296] Detailed Description of the Display Size of the Objects in the Object Group to be Adjusted in an Embodiment of the Present Disclosure

[0297] In the actual document page layout scenario, there are often situations where the display heights of the rows of automatically laid-out object bodies do not meet the layout requirements of the objects. In response to this situation, when an object wants to adjust the rows of object bodies with different display row heights to a unified row height, if the row heights of each row of object bodies are adjusted one by one, the efficiency of the page layout may be low. Based on this, the embodiments of the present disclosure provide a solution for batch adjustment of multiple rows of object bodies, which can improve the adjustment efficiency of the row heights of multiple rows of object bodies.

[0298] In the embodiments of the present disclosure, the multiple object bodies include a target object body.

[0299] The target object body refers to the object body that is selected and generates an interaction operation during the document page layout in the object body group.

[0300] Please refer to Figure 12 , in some embodiments, the process of batch adjustment of multiple rows of object bodies includes but is not limited to the following steps 1210-1220:

[0301] Step 1210: Receive a trigger request for the compact function control of the target object body, and display the display height control bar of the object body group;

[0302] Step 1220: In response to the drag operation on the display height control bar, make the current display height of each row of object bodies correspond to the display height indicated by the display height control bar, and maintain the display width-to-height ratio of each object body in the row of object bodies still equal to the original width-to-height ratio of the object body.

[0303] The following is a detailed description of steps 1210-1220.

[0304] In step 1210, receive a trigger request for the compact function control of the target object body, and display the display height control bar of the object body group.

[0305] The compact function control is used to provide the object with batch adjustment of the display row heights of multiple rows of object bodies.

[0306] A trigger request is a request triggered when an object wants to uniformly adjust the object rows corresponding to an object body group.

[0307] The display height control bar is used to provide the object with the ability to adjust the row height of the object rows corresponding to the object body group.

[0308] In the specific implementation of this embodiment, when an object wants to uniformly adjust the object rows corresponding to an object body group, the object will interact with the page of the target document to trigger the compact function control of the target object body. Based on this, the intelligent document server will receive a trigger request for the compact function control of the target object body and display the display height control bar of the object body group on the page of the target document, so that the object can uniformly adjust the height of the object rows corresponding to the object body group.

[0309] In step 1220, in response to the drag operation on the display height control bar, the current display height of each object row is made to correspond to the display height indicated by the display height control bar, and the display width-to-height ratio of each object in the object row is maintained to be still equal to the original width-to-height ratio corresponding to the object body.

[0310] The display width-to-height ratio is used to indicate the ratio of the display width to the display height of an object body when it is displayed.

[0311] In the specific implementation of this embodiment, after the display height control bar of the object body group is displayed on the page of the target document, the object can drag the display height control bar on the page. Dragging the adjustment pointer in the display height control bar to different positions means setting the display height of the object bodies in the object body group to the corresponding values. Based on this, when the object drags the adjustment pointer of the display height control bar, the intelligent document server responds to the drag operation on the display height control bar and adjusts the display height of each object row so that the current display height of each object row corresponds to the display height indicated by the display height control bar; at this time, the current display height of each object row is the same value. Further, in order to improve the display effect of each object body, after adjusting the current display height of each object row so that the display height of each object body corresponds to the display height indicated by the display height control bar, the intelligent document server will also adjust the display width of each object body according to the original width-to-height ratio of each object body so that the display width-to-height ratio of each object in the object row is still equal to the original width-to-height ratio corresponding to the object body.

[0312] Further, after adjusting the display width and display height of each object body, there may still be some empty spaces in certain object body rows, or the sum of the display widths of some object bodies may exceed the page line width. Therefore, it is also necessary to adjust the object bodies displayed in each object body row. The specific implementation process is similar to the specific implementation process of the above steps 620-640. The difference is that in this embodiment, the target row height of each object body row is the display height indicated by the display height control bar. To save space, it will not be elaborated here.

[0313] As Figure 13A shown, there are three object body rows displayed on the page of the target document, and the object body group contains 6 object bodies of the picture type. Specifically, when the object wants to adjust the pictures in these two object body rows to the same display height, the object clicks on the second picture (the target object body) in the first object body row. At this time, multiple object body editing controls for the target object body are displayed on the page. Among them, the object body editing control includes a compact function control and so on. The object selects the compact function control to achieve unified adjustment of the three object body rows.

[0314] As Figure 13B shown, after the object selects the compact function control, the intelligent document server responds to the trigger request for the compact function control of the target object body and displays a display height control bar for the object body group on the page. Among them, the display height control bar includes a prompt field "Compact" and an indicator bar with an adjustment pointer that can move left and right. When the adjustment pointer moves to the left, the row height of the object body row corresponding to the object body group decreases; when the adjustment pointer moves to the right, the row height of the object body row corresponding to the object body group increases.

[0315] As Figure 13C shown, when the object drags the adjustment pointer of the display height control bar to the left on the page, the display height indicated by the display height control bar becomes smaller. Correspondingly, the display row height of each object body row becomes smaller, and each object body row becomes more compact. At this time, in order to make the object body typesetting in each object body row neat, a picture originally in the second object body row is displayed in the first object body row, and a single picture is displayed separately in the second object body row.

[0316] As Figure 13D shown, when the object drags the adjustment pointer of the display height control bar to the left on the page until the adjustment pointer reaches the limit position, the display height indicated by the display height control bar reaches the minimum. Correspondingly, the display row height of each object body row becomes even smaller, and each object body row becomes more compact. At this time, in order to make the object body typesetting in each object body row neat, a single picture originally displayed separately in the second object body row is displayed in the first object body row. The original third object body row becomes the second object body row.

[0317] The advantage of this embodiment is that compact function controls are set for each object body. When an object wants to uniformly adjust the display heights of multiple object bodies in the same object body group, the compact function control is triggered, and the object receives the drag operation on the display height control bar corresponding to the compact function control, and adjusts the display row heights of each object body row, the display heights of the object bodies in each object body row, and the display positions of the object bodies, so that the current display height of each object body row corresponds to the display height indicated by the display height control bar, and multiple object body rows can be uniformly adjusted, making the object bodies in the object body row become compact, realizing the custom adjustment of the row height during document page layout, and improving the flexibility of document page layout and the adjustment efficiency of the row heights of multiple object body rows.

[0318] During the actual page layout process, the object may also have a need to separately adjust the display width of a certain object body. For this need, the above unified adjustment method is not applicable. Based on this, the embodiments of the present disclosure also provide a solution for adjusting the display width of a single object body, which can improve the flexibility of document page layout.

[0319] In the embodiments of the present disclosure, the object body row includes a first object body and a second object body adjacent to the first object body.

[0320] Please refer to Figure 14 , in some embodiments, the process of adjusting the display width of a single object body includes but is not limited to the following steps 1410-1420:

[0321] Step 1410, in response to the movement operation of the pointer icon on the page, display the object body width adjustment control for the first object body on the page;

[0322] Step 1420, in response to the trigger operation on the object body width adjustment control, display the first object body and the second object body, and make the changed display widths of the first object body and the second object body consistent with the displacement amount of the object body width adjustment control, and keep the sum of the display widths of the first object body and the second object body unchanged.

[0323] The following will describe steps 1410-1420 in detail.

[0324] In step 1410, in response to the movement operation of the pointer icon on the page, display the object body width adjustment control for the first object body on the page.

[0325] The pointer icon is used to indicate the area to be operated during document page layout. For example, the pointer icon can be in the form of a cursor, etc.

[0326] The object body width adjustment control is used to provide the object with the ability to adjust the display width of a single object body.

[0327] In the specific implementation of this embodiment, when an object wants to adjust the display width of a first object body, the object moves the pointer icon on the page so that the pointer icon hovers between the first object body and a second object body adjacent to the first object body. Based on this, in response to the movement operation of the pointer icon on the page, when it is detected that the pointer icon is moved between the first object body and the second object body adjacent to the first object body, an object body width adjustment control for the first object body is displayed on the page.

[0328] In step 1420, in response to the triggering operation on the object body width adjustment control, the first object body and the second object body are displayed, so that the changed display widths of the first object body and the second object body are consistent with the displacement amount of the object body width adjustment control, and the sum of the display widths of the first object body and the second object body remains unchanged.

[0329] The changed display width is used to indicate the increased or decreased display width of the object body (the first object body or the second object body).

[0330] The displacement amount is used to indicate the step length of the left or right movement of the object body width adjustment control.

[0331] In the specific implementation of this embodiment, when an object wants to increase or decrease the display width of the first object body, the object holds down the object body width adjustment control on the page and drags the object body width adjustment control to a position that meets the requirements. Based on this, the intelligent document server will respond to the triggering operation on the object body width adjustment control, and according to the displacement amount of the object body width adjustment control, increase or decrease the display width of the first object body accordingly, and decrease or increase the display width of the second object body accordingly, so that the changed display widths of the first object body and the second object body are consistent with the displacement amount of the object body width adjustment control, and the sum of the display widths of the first object body and the second object body remains unchanged.

[0332] As Figure 15A shown, when the object moves the pointer icon between the first object body and the second object body in the second object body row on the page, an object body width adjustment control will be displayed between the first object body and the second object body.

[0333] As Figure 15B shown, when the object holds down the object body width adjustment control and drags the object body width adjustment control to the left, the display width of the first object body decreases, the display width of the second object body increases, the display heights of the first object body and the second object body remain unchanged, and the sum of the display widths of the first object body and the second object body is still equal to the page row width.

[0334] As Figure 15CAs shown, when the object releases the object body width adjustment control, the object body width adjustment control disappears from the page. At this time, both the first object body and the second object body are displayed on the page according to the new display width.

[0335] The advantage of this embodiment is that by setting the object body width adjustment control, when the object wants to adjust the display width of a certain object body, according to the displacement of the object body width adjustment control, the changed display widths of the first object body and the second object body adjacent to the first object body are consistent with the displacement of the object body width adjustment control, so that the sum of the display widths of the first object body and the second object body remains unchanged before and after adjustment. This can improve the convenience of adjusting a single object body and effectively reduce the impact of the adjustment operation on a single object body on other object bodies, improving the layout effect of the document page.

[0336] In the actual page layout process, the object may also have a need to display the height of a certain object body row separately. For this need, the above unified adjustment method is not applicable. Based on this, the embodiments of the present disclosure also provide a solution for adjusting the display height of a single object body row, which can improve the flexibility of the document page layout.

[0337] In the embodiments of the present disclosure, at least one object body row includes a first object body row and a second object body row adjacent to the first object body row.

[0338] Please refer to Figure 16 , in some embodiments, the process of adjusting the display height of a single object body row includes but is not limited to the following steps 1610-1620:

[0339] Step 1610, in response to the movement operation of the pointer icon on the page, display the object body height adjustment control for the first object body row on the page;

[0340] Step 1620, in response to the triggering operation of the object body height adjustment control, display the first object body row and the second object body row, so that the changed display row heights of the first object body row and the second object body row are consistent with the displacement of the object body height adjustment control, and the sum of the display row heights of the first object body row and the second object body row remains unchanged.

[0341] The following will describe steps 1610-1620 in detail.

[0342] In step 1610, in response to the movement operation of the pointer icon on the page, display the object body height adjustment control for the first object body row on the page.

[0343] The object body height adjustment control is used to provide the object to adjust the display height of a single object body.

[0344] In the specific implementation of this embodiment, when an object wants to adjust the display height of the first object line, the object moves the pointer icon on the page so that the pointer icon hovers between the first object line and the second object line adjacent to the first object line. Based on this, in response to the movement operation of the pointer icon on the page, when it is detected that the pointer icon is moved between the first object line and the second object line adjacent to the first object line, the object line height adjustment control for the first object line is displayed on the page.

[0345] In step 1620, in response to the triggering operation on the object line height adjustment control, the first object line and the second object line are displayed, so that the changed display line height of the first object line and the second object line is consistent with the displacement of the object line height adjustment control, and the sum of the display line heights of the first object line and the second object line remains unchanged.

[0346] The changed display line height is used to indicate the increased or decreased display height of the object line (the first object line or the second object line).

[0347] The displacement is used to indicate the step length of the upward or downward movement of the object line height adjustment control.

[0348] In the specific implementation of this embodiment, when an object wants to increase or decrease the display height of the first object line, the object holds down the object line height adjustment control on the page and drags the object line height adjustment control to a position that meets the requirements. Based on this, the intelligent document server will respond to the triggering operation on the object line height adjustment control, and according to the displacement of the object line height adjustment control, increase or decrease the display height of the first object line accordingly, and decrease or increase the display height of the second object line accordingly, so that the changed display line height of the first object line and the second object line is consistent with the displacement of the object line height adjustment control. Further, in order to reduce the interference of the above line height adjustment operation on other object lines, during the above line height adjustment process, the intelligent document server will keep the sum of the display line heights of the first object line and the second object line unchanged before and after the adjustment.

[0349] As Figure 17A shown, when the object moves the pointer icon between the first object line and the second object line on the page, the object line height adjustment control will be displayed between the first object line and the second object line.

[0350] As Figure 17BAs shown, when the object holds the object body height adjustment control and drags the object body height adjustment control upward, the display line height of the first object body row decreases, the display line height of the second object body row increases, the display line width of the first object body row and the second object body row remains unchanged, and the sum of the display line heights of the first object body row and the second object body row remains unchanged before and after the adjustment.

[0351] As Figure 17C shown, when the object releases the object body height adjustment control, the object body height adjustment control disappears from the page. At this time, both the first object body row and the second object body row are displayed on the page according to the new display line height.

[0352] The advantage of this embodiment is that by setting the object body height adjustment control, when the object wants to adjust the display height of a certain object body, the display height of the single object body row where the object body is located is adjusted to keep the display heights of the object bodies in each object body row consistent. Specifically, according to the displacement amount of the object body height adjustment control, the changed display line heights of the first object body row and the second object body row adjacent to the first object body row are made consistent with the displacement amount of the object body height adjustment control, and the sum of the display line heights of the first object body row and the second object body row remains unchanged before and after the adjustment, which can improve the convenience of adjusting a single object body row and effectively reduce the impact of the adjustment operation on a single object body row on other object body rows, improving the layout effect of the document page.

[0353] In the actual process of document page layout, since the object bodies in the object body group are automatically laid out on the page in the order of extraction, due to different layout requirements, the object may also need to adjust the display order or display position of the object bodies that have been automatically laid out and displayed. For the adjustment requirements of the object for the display order or display position of a single object body, the embodiments of the present disclosure provide a position adjustment scheme for a single object body, which can meet the custom requirements of the object and improve the flexibility of document page layout.

[0354] In the embodiments of the present disclosure, at least one object body row includes a target object body row. The target object body row refers to the object body row to which the object body to be moved needs to be moved.

[0355] Please refer to Figure 18 , in some embodiments, the process of adjusting the position of a single object body includes but is not limited to the following steps 510-1810:

[0356] Step 510, receive an addition request of an object body group on the page of the target document;

[0357] Step 520, display the object body group as at least one object body row;

[0358] Step 530: Display each object body in the object body row such that the display aspect ratio of each object body is equal to the original aspect ratio corresponding to the object body;

[0359] Step 1810: In response to a request before dragging a first object body in an object body group to a second object body in a target object body row, display the first object body in the target object body row, causing the display width and display height of each object body in the target object body row to change so as to maintain the sum of the respective display widths equal to the row width of the target object body row.

[0360] The following provides a detailed description of Steps 510 - 1810.

[0361] Steps 510 - 530 have been described in detail above. To save space, they will not be elaborated further.

[0362] In Step 1810, in response to a request before dragging a first object body in an object body group to a second object body in a target object body row, display the first object body in the target object body row, causing the display width and display height of each object body in the target object body row to change so as to maintain the sum of the respective display widths equal to the row width of the target object body row.

[0363] The first object body refers to the object body among multiple object bodies that needs to have its position moved.

[0364] The second object body refers to an object body in the target object row.

[0365] The above request refers to a request triggered when the object wants to adjust the position of the first object body and change the display order of the first object body and the second object body.

[0366] The row width of the target object body row is used to indicate the total width of the target object body row.

[0367] In the specific implementation of this embodiment, when an object wants to display the first object body in the object body group before the second object body, the object will drag the first object body on the page and drag the first object body before the second object body in the target object body row. Based on this, the intelligent document server will respond to the request of dragging the first object body in the object body group before the second object body in the target object body row, display the first object body in the target object body row, and make the first object body displayed in front of the second object body. Further, in order to improve the display effectiveness of the object body, the intelligent document server will also adjust the current row display height of the target object body row according to the original height of the first object body and the target row height of the target object body row, so that after the first object body is displayed in the target object body row, each object body in the target object body row still has the same display height. Then, after adjusting the current row display height of the target object body row, for each object body of the target object body, the display width of each object body is also adjusted. Through the above operations, the display width and display height of each object body in the target object body row on the page change, and the sum of the display widths is maintained to be equal to the row width of the target object body row.

[0368] As Figure 19A shown, when the object wants to adjust the position of the first object body, the object holds down the first object body (picture). At this time, the first object body on the page will become a small picture displayed as the background.

[0369] As Figure 19B shown, after the object holds down the first object body, the first object body is dragged before the second picture (the second object body) in the previous object body row (the target object body row). At this time, an insertion identifier will be displayed between the second object body in the target object body row and the object body before the second object body, where the insertion identifier is a thick line.

[0370] As Figure 19C shown, when the object releases the first object body, the first object body will be displayed in the target object body row. Since the number of object bodies that the target object body row can accommodate is limited, in order to control the row compression degree of the target object body, the second object body is displayed on a new line. At this time, the target object body row has the first object body and other object bodies in the target object body row except the second object body. The second object body is displayed as the first object body in the object body row where the first object body originally was.

[0371] The advantage of this embodiment is that when an object requests position adjustment for a single object body, the position of the object body can be changed in a drag-and-drop manner. After the server receives a request before dragging the first object body in the object body group to the second object body in the target object body row, it displays the first object body in the target object body row and adjusts the display of the object bodies in the target object body row and the object body rows after the target object body row according to the original width and original height of the first object body, so as to change the display order or display position of each object body. When changing the display order of the object bodies, the neat layout of each object body in the page is maintained, which can meet the customization requirements of the object and improve the flexibility of the document page layout.

[0372] Detailed Description of the Display Mode of the Objects in the Object Group to be Adjusted in an Embodiment of the Present Disclosure

[0373] In the actual process of document page layout, there are often certain differences in the importance of each content. For some important content, it is often necessary to highlight it to improve the attention of other objects to the important content when reading the target document. Based on this, the embodiments of the present disclosure provide a solution for freely switching the layout method of object bodies according to the selection of objects, which can enable objects to display important object bodies in a single row according to actual needs to improve the attention degree of important object bodies, and further improve the flexibility of document page layout.

[0374] Please refer to Figure 20 , in some embodiments, the object body row includes a target object body. The process of displaying an important object body in a single row includes but is not limited to the following steps 2010-2040:

[0375] Step 2010: In response to a click operation on the target object body, display multiple object body editing controls of the target object body;

[0376] Step 2020: Receive a selection operation on the layout editing control among the multiple object body editing controls, and display the current layout method of the target object body;

[0377] Step 2030: In response to a switching operation on the current layout method, display the target object body as a single row;

[0378] Step 2040: Display the multiple object bodies after the target object body as updated object body rows.

[0379] The following will describe steps 2010-2040 in detail.

[0380] In step 2010, in response to a click operation on the target object body, multiple object body editing controls of the target object body are displayed.

[0381] The object body editing control is used to provide different forms of editing operations for the object on the object body.

[0382] In the specific implementation of this embodiment, when the object clicks on the target object body, the intelligent document server will receive the click operation of the object on the target object body, and in response to the click operation on the target object body, display multiple object body editing controls of the target object body, so that the object can perform various forms of layout editing on the target object body.

[0383] In step 2020, receive the selection operation for the layout editing control among the multiple object body editing controls, and display the current layout mode of the target object body.

[0384] The layout editing control is used to provide the object with the ability to set the layout mode of the object body.

[0385] The current layout mode is used to indicate the layout mode in which the object bodies in the object body row are located.

[0386] In the specific implementation of this embodiment, when the object wants to set the layout mode of the target object body, the object will click on the layout editing control in the page to enter the layout setting process of the target object body. Based on this, the intelligent document server will receive the selection operation of the object for the layout editing control among the multiple object body editing controls, and display the specific layout information of the target object body in the page, where the specific layout information includes the current layout mode of the target object body.

[0387] In step 2030, in response to the switching operation of the current layout mode, display the target object body as a separate row.

[0388] In the specific implementation of this embodiment, since each object body in the object body group is often displayed in the page in an automatic layout mode by default, and each object body is displayed in the order from top to bottom and from left to right. Based on this, the current layout mode of the target object body is automatic layout. When the object wants to change the layout mode of the target object body, the object will modify the current layout mode from automatic layout to independent display or other modes through interactive operations on the page. Therefore, the intelligent document server will, in response to the switching operation of the current layout mode, display the target object body as a separate row according to the independent display indicated by the current layout mode.

[0389] In step 2040, display the multiple object bodies after the target object body as the updated object body rows.

[0390] The updated object body rows refer to the respective object body rows displayed on the page after the target object body is displayed as a separate row and after the target object body.

[0391] Among them, each object body in the updated object body row has a target row height, and the value of the target row height can be the same as or different from the target row heights of the respective object body rows in step 320. The display width-to-height ratio of each object body is equal to the original width-to-height ratio corresponding to the object body.

[0392] In the specific implementation of this embodiment, after the target object body is displayed in a single object body row, the first object body after the target object body is used as the anchor object body for the next object body row of the object body row where the target object body is located, and the next object body row of the object body row where the target object body is located is used as the current object body row. According to the above steps 620-640 and the extraction order of each object body after the target object body, each object body after the target object body is displayed as an updated object body row.

[0393] As Figure 21A shown, when the object clicks on the target object body in the page, multiple object body editing controls for the target object body will be displayed on the page. Among them, the object body editing controls include a zoom control, a compact function control, a layout editing control, a style editing control, a cropping function control, etc.

[0394] As Figure 21B shown, when the object selects the layout editing control in the page, the specific layout information for the target object body is displayed on the page. Among them, the specific layout information indicates that the current layout method of the target object body is "automatic layout" and the current filling method is "filling".

[0395] As Figure 21C shown, the object changes the current layout method from being checked as "automatic layout" to being checked as "independent display". Based on this, the target object body is displayed alone on a line in the page, and the picture originally displayed after the target object body is wrapped to the next line for display, so that the next line of the line where the target object body is located changes from displaying two pictures to displaying three pictures. At the same time, the display height and display width of each object body in the next line both change.

[0396] The advantage of this embodiment is that the layout method of the object body can be freely switched according to the selection of the object. For relatively important object bodies, they can be displayed in a single line according to the selection of the object, improving the attention level of relatively important object bodies and meeting the custom setting requirements of the object. At the same time, when making important content be displayed in a single line, the free layout method of other object bodies is not changed, making the target document still have the characteristic of neat typesetting in the horizontal layout and the vertical layout, which is beneficial to improving the layout flexibility of the document page.

[0397] In the actual process of document page layout, if all object bodies are displayed on the page in the same filling manner, it often results in a relatively single display form on the page, which is not conducive to improving the layout diversity of the document page. Based on this, the embodiments of the present disclosure provide a solution for freely switching the filling manner of object bodies according to the selection of objects, which can achieve the custom filling of object bodies in each content container and improve the layout diversity and flexibility of the document page.

[0398] Please refer to Figure 22 , in some embodiments, the object body row includes a target object body, and the process of freely switching the filling manner of the object body according to the selection of the object includes but is not limited to the following steps 2210-2230:

[0399] Step 2210: In response to a click operation on the target object body, display multiple object body editing controls of the target object body;

[0400] Step 2220: Receive a selection operation for the layout editing control among the multiple object body editing controls, and display the current layout manner of the target object body;

[0401] Step 2230: In response to a switching operation for the current filling manner, display the target object body according to a predetermined display size.

[0402] The following provides a detailed description of steps 2210-2230.

[0403] In step 2210, in response to a click operation on the target object body, display multiple object body editing controls of the target object body.

[0404] In the specific implementation of this embodiment, the specific implementation process of step 2210 is similar to the specific implementation process of the above step 2010. For the sake of brevity, it will not be elaborated here.

[0405] In step 2220, receive a selection operation for the layout editing control among the multiple object body editing controls, and display the current filling manner of the target object body.

[0406] The current filling manner is used to indicate the filling manner in which the target object body in the object body row is located.

[0407] In the specific implementation of this embodiment, when an object needs to set the layout manner of the target object body, the object will click the layout editing control on the page to enter the layout setting process for the target object body. Based on this, the intelligent document server will receive the selection operation of the object for the layout editing control among the multiple object body editing controls, and display the specific layout information of the target object body on the page, where the specific layout information includes the current filling manner of the target object body.

[0408] In step 2230, in response to a switching operation on the current filling mode, the target object body is displayed according to a predetermined display size.

[0409] The predetermined display size is used to indicate the height and width to which the target object body is to be displayed. The display aspect ratio corresponding to the predetermined display size is equal to the original aspect ratio of the target object body.

[0410] In the specific implementation of this embodiment, since each object body in the object body group is often displayed in a filled manner by default when displayed on the page, each object body fills the entire content container. Based on this, the current filling mode of the target object body is "filled". When an object needs to change the filling mode of the target object body, the object will modify the current filling mode from "filled" to other modes such as "fit picture size" or "customize" through an interaction operation on the page. Further, when the object changes the current filling mode from "filled" to "fit picture size", the predetermined display size is determined as the original width and original height of the target object body. When the object changes the current filling mode from "filled" to "fit picture size", the predetermined display size is determined as the width and height input by the object.

[0411] As Figure 23A shown, the object selects a layout editing control on the page, and specific layout information for the target object body is displayed on the page. Among them, the specific layout information indicates that the current layout mode of the target object body is "automatic layout" and the current filling mode is "filled".

[0412] As Figure 23B shown, the object changes the current filling mode from being checked as "filled" to being checked as "fit picture size". Based on this, the actual container size (dotted line box) of the content container is displayed on the page, and the target object body is displayed in the content container according to the original width and original height. Among them, when the target object body is displayed according to the original width and original height, since the original height of the target object body is less than the target row height (container height of the content container) of the current object body row, there are unfilled spaces above and below the content container.

[0413] As Figure 23C shown, when the object clicks on the blank area of the page, multiple object body editing controls of the target object body and the container border of the content container disappear, and the target object body is displayed on the page according to the original width and original height.

[0414] The advantage of this embodiment is that the filling mode of the object body can be freely switched according to the selection of the object, and the object bodies in each content container are displayed according to different display sizes, which can meet the custom setting requirements of the object and is conducive to improving the layout diversity and layout flexibility of the document page.

[0415] Detailed Description of the Display Mode of the Objects in the Object Group to be Adjusted in Another Embodiment of the Present Disclosure

[0416] Since the container border of the content container can demarcate the boundaries of different object bodies, enabling each object body to be displayed in the page according to the area defined by the content container, in order to more clearly demarcate the boundaries of each object body, the embodiments of the present disclosure also provide a solution for displaying the container borders of different content containers in different colors according to the selection of the object, which can improve the layout diversity of the document page.

[0417] Please refer to Figure 24 , in some embodiments, the object row includes a target object body, and the process of displaying the container border of the content container in different colors includes but is not limited to the following steps 2410-2430:

[0418] Step 2410: In response to a click operation on the target object body, display a plurality of object editing controls of the target object body;

[0419] Step 2420: Receive a selection operation on the style editing control among the plurality of object editing controls, and display the current border color selected by the target object body from among a plurality of candidate border colors;

[0420] Step 2430: In response to a switching operation on the current border color, update the current border color to the target border color, and display the container border of the content container loading the target object body as the target border color.

[0421] The following will describe steps 2410-2430 in detail.

[0422] In step 2410, in response to a click operation on the target object body, display a plurality of object editing controls of the target object body.

[0423] In the specific implementation of this embodiment, the specific implementation process of step 2410 is similar to the specific implementation process of the above step 2010. To save space, it will not be elaborated here.

[0424] In step 2420, receive a selection operation on the style editing control among the plurality of object editing controls, and display the current border color selected by the target object body from among a plurality of candidate border colors.

[0425] The candidate border colors are used to provide the object with the ability to set the color of the container border of the content container.

[0426] The current border color is used to indicate the current color of the container border of the content container loading the target object body.

[0427] In the specific implementation of this embodiment, when an object needs to set the content container that loads the target object body, the object clicks on the style editing control in the page to enter the style setting process for the content container that loads the target object body. Based on this, the intelligent document server will receive the selection operation of the object for the style editing control among multiple object body editing controls, and display the current border color selected by the target object body from multiple candidate border colors in the page. The current border color is the color in which the container border of the content container that loads the target object body is currently located.

[0428] In step 2430, in response to the switching operation of the current border color, update the current border color to the target border color, and display the container border of the content container that loads the target object body as the target border color.

[0429] The target border color is used to indicate the color that the container border of the content container that loads the target object body determined by the object should be in.

[0430] In the specific implementation of this embodiment, when an object wants to change the color of the container border of the content container that loads the target object body, the object will select a color other than the current border color through an interactive operation on the page. Based on this, the intelligent document server can, in response to the switching operation of the current border color, use the other color selected by the object as the target border color, update the current border color to the target border color. At the same time, the intelligent document server will also display the container border of the content container that loads the target object body on the page as the target border color.

[0431] As Figure 25A shown, when the object clicks on the target object body in the page, multiple object body editing controls for the target object body will be displayed on the page. Among them, the object body editing controls include a magnification control, a compact function control, a layout editing control, a style editing control, a cropping function control, and so on.

[0432] As Figure 25B shown, when the object selects the style editing control in the page, the specific style information for the target object body is displayed on the page. Among them, the specific style information indicates that the current style method of the target object body is that the current border color of the content container that loads the target object body is the first candidate border color, and the current background color of the content container that loads the target object body is the first candidate background color. Among them, the first candidate border color is no color.

[0433] As Figure 25CAs shown, the object selects the second candidate border color from multiple candidate border colors as the border color that the container border of the content container needs to be set to, where the second candidate border color is black. Based on this, according to the selection of the object, the color of the container border of the content container that loads the target object body is displayed as black on the page.

[0434] The advantage of this embodiment is that by displaying the container borders of different content containers in different colors according to the selection of the object, the boundaries of each object body can be divided more clearly, realizing the custom setting of the color of the container border of the content container that loads each object body, forming a variety of different visual effects, thereby laying out the document page in a variety of forms and improving the layout diversity of the document page.

[0435] Due to the different background colors of the object bodies, the target document will present different visual effects as a whole. In order to enable the target document to be displayed diversely, the embodiments of the present disclosure provide a solution for customizing the background color of the content container that loads the object body, which can improve the flexibility of setting the background color of the content container that loads the object body, and further improve the layout diversity of the document page.

[0436] Please refer to Figure 26 , in some embodiments, the object body row includes a target object body, and the process of displaying the container background of the content container in different colors includes but is not limited to the following steps 2610-2630:

[0437] Step 2610: In response to a click operation on the target object body, display multiple object body editing controls of the target object body;

[0438] Step 2620: Receive a selection operation for the style editing control among the multiple object body editing controls, and display the current background color selected by the target object body from multiple candidate background colors;

[0439] Step 2630: In response to a switching operation on the current background color, update the current background color to the target background color, and display the area of the content container that loads the target object body and does not display the target object body as the target background color.

[0440] The following describes steps 2610-2630 in detail.

[0441] In step 2610, in response to a click operation on the target object body, multiple object body editing controls of the target object body are displayed.

[0442] In the specific implementation of this embodiment, the specific implementation process of step 2610 is similar to the specific implementation process of the above step 2010. To save space, it will not be repeated here.

[0443] In step 2620, a selection operation for the style editing control among multiple object body editing controls is received, and the current background color selected by the target object body from multiple candidate background colors is displayed.

[0444] The candidate background colors are used to provide color settings for the container background of the object to the content container.

[0445] The current background color is used to indicate the color in which the container background of the content container loading the target object body currently exists.

[0446] In the specific implementation of this embodiment, when an object wants to set the content container loading the target object body, the object clicks on the style editing control in the page to enter the style setting process for the content container loading the target object body. Based on this, the intelligent document server will receive the selection operation of the object for the style editing control among multiple object body editing controls, and display in the page the current background color selected by the target object body from multiple candidate background colors, where the current background color is the color in which the container background of the content container loading the target object body currently exists.

[0447] In step 2630, in response to the switching operation of the current background color, the current background color is updated to the target background color, and the area in the content container loading the target object body where the target object body is not displayed is displayed in the target background color.

[0448] The target background color is used to indicate the color in which the container background of the content container loading the target object body determined by the object should exist.

[0449] In the specific implementation of this embodiment, when an object wants to change the color of the container background of the content container loading the target object body, the object will, through an interaction operation on the page, select a border color other than the current background color. Based on this, the intelligent document server can, in response to the switching operation of the current background color, use the other color selected by the object as the target background color, and update the current background color to the target background color. At the same time, the intelligent document server will also display the area in the content container loading the target object body on the page where the target object body is not displayed in the target background color.

[0450] As Figure 27A shown, the object selects the style editing control in the page, and specific style information for the target object body is displayed on the page. Among them, the specific style information indicates that the current style mode of the target object body is that the current border color of the content container loading the target object body is the second candidate border color, and the current background color of the content container loading the target object body is the first candidate background color. Among them, the current border color is black, and the current background color is white.

[0451] As Figure 27BAs shown, the object selects the second candidate background color from multiple candidate background colors as the background color to be set for the content container. Among them, the second candidate background color is black. Based on this, according to the selection of the object, the area in the container of the content container that loads the target object body and does not display the target object body is displayed as black on the page.

[0452] As Figure 27C shown, when the object clicks on the blank area of the page, all the specific style information indicated by the multiple object body editing controls and style editing controls of the target object body disappears, the border of the content container that loads the target object body is displayed in black, and the area in the content container that does not display the target object body is displayed as black.

[0453] The advantage of this embodiment is that different content container backgrounds are displayed in different colors according to the selection of the object, realizing the custom setting of the background color of the content container that loads the object body, improving the flexibility of setting the background color of the content container that loads the object body, and further improving the diversity of the document page layout.

[0454] Detailed Description of the Display Mode of the Objects in the Object Group to be Adjusted in Another Embodiment of the Present Disclosure

[0455] In the actual process of document page layout, since each object body is displayed on the page in the default automatic layout mode, the size of the display window of the content container that loads the object body is limited. When filling the object body in the content container, the object body presented by the display window is often a randomly selected part of the object body. This form of randomly displaying a part of the information of the object body often affects the effectiveness of content display. Based on this, the embodiments of the present disclosure provide a solution for adjusting the displayed object body based on the interactive operation of the object, which can improve the effectiveness of content display on the document page.

[0456] In the embodiments of the present disclosure, the object body row includes a target object body, and the content elements in the target object body are displayed at a first scaling ratio. Among them, the content elements refer to the text, characters, pattern pixels, etc. in the target object body.

[0457] The first scaling ratio refers to the ratio between the display size of the target object body when displayed on the page and the actual size of the target object body. The first scaling ratio is used to reduce or increase the target object body equally proportionally in the horizontal and vertical directions.

[0458] Please refer to Figure 28 , in some embodiments, the process of adjusting the display mode of the object bodies in the object body group includes but is not limited to the following steps 2810-2840:

[0459] Step 2810, in response to a click operation on the target object body, display multiple object body editing controls of the target object body;

[0460] Step 2820: Receive a selection operation for the cropping function control among multiple object editing controls, and display the object border and object adjustment anchor points of the target object on the editing page of the target document;

[0461] Step 2830: In response to a drag operation on the object adjustment anchor point on the editing page, display the adjusted object border of the target object on the editing page, and display the content elements in the target object at a second scaling ratio;

[0462] Step 2840: In response to a move operation on the target object on the editing page, display the target content elements of the target object on the page.

[0463] The following gives a detailed description of steps 2810 - 2840.

[0464] In step 2810, in response to a click operation on the target object, display multiple object editing controls of the target object.

[0465] In the specific implementation of this embodiment, the specific implementation process of step 2810 is similar to the specific implementation process of the above step 2010. For the sake of brevity, it will not be elaborated here.

[0466] In step 2820, receive a selection operation for the cropping function control among multiple object editing controls, and display the object border and object adjustment anchor points of the target object on the editing page of the target document.

[0467] The cropping function control is used to provide the object to adjust the display area of the target object displayed on the page and the scaling degree during display.

[0468] The editing page refers to the page where the object can adjust the display area of the target object displayed on the page and the scaling degree during display.

[0469] The object border refers to the border of the target object.

[0470] The object adjustment anchor point refers to the end points on the border of the target object.

[0471] For example, when the target object is a rectangular picture, the object border is the minimum circumscribed rectangle of the target object. The object adjustment anchor points are the four end points of the rectangular picture.

[0472] In the specific implementation of this embodiment, when an object needs to crop a target object body, the object clicks on the crop function control in the page to enter the cropping process of the target object body. Based on this, the intelligent document server will receive the selection operation of the object for the crop function control among multiple object body editing controls, switch to the editing page of the target document, and display the object body border and object body adjustment anchor points of the target object body on the editing page.

[0473] In step 2830, in response to the dragging operation of the object body adjustment anchor point on the editing page, the adjusted object body border of the target object body is displayed on the editing page, and the content elements in the target object body are displayed at a second scaling ratio.

[0474] The adjusted object body border refers to the border of the target object body after scaling adjustment.

[0475] The second scaling ratio is used to indicate that the target object body is scaled down or up equally in the horizontal and vertical directions according to a new ratio.

[0476] In the specific implementation of this embodiment, when an object wants to change the scaling degree of the target object body during display, the object can drag the object body adjustment anchor point on the editing page to stretch or shrink the height / width of the target object body to change the original size of the target object body. Based on this, the intelligent document server will respond to the dragging operation of the object body adjustment anchor point on the editing page, change the original size of the target object body, cause the original height and original width of the target object body to change, and display the adjusted object body border of the target object body on the editing page. Further, according to the change situation of the original height and original width of the target object body, the content elements in the target object body are changed from being displayed at a first scaling ratio to being displayed at a second scaling ratio.

[0477] In step 2840, in response to the moving operation of the target object body on the editing page, the target content elements of the target object body are displayed on the page.

[0478] The target content elements refer to the content elements displayed by the target object body on the page. Among them, the target content elements are a part of the content elements.

[0479] In the specific implementation of this embodiment, when an object wants to change the specific part of the target object body displayed on the page, the object can select the target object body on the editing page and perform a moving operation on the target object body to change the overlapping area between the target object body and the display window corresponding to the content container, so as to display different parts of the target object body in the display window. Based on this, the intelligent document server will respond to the moving operation on the target object body in the editing page, and display the target content element of the target object body on the page according to the overlapping area between the target object body and the display window corresponding to the content container, where the target content element is the part of the target object body overlapping with the display window.

[0480] As Figure 29A shown, when the object clicks on the target object body on the page, multiple object body editing controls for the target object body will be displayed on the page. Among them, the object body editing controls include a magnification control, a compact function control, a layout editing control, a style editing control, a cropping function control, and so on. At this time, the object clicks on the cropping function control to enter the object body cropping process.

[0481] As Figure 29B shown, after the object clicks on the cropping function control, it switches to the editing page of the target document. On the editing page, the object body border of the target object body and four object body adjustment anchor points are displayed. In addition, a content container (dotted box) that loads the target object body is also displayed on the editing page. Among them, according to the comparison between the object body border of the target object body and the border of the content container, the original height of the target object body is the same as the container height of the content container. However, the original width of the target object body is greater than the container width of the content container, and only a part of the content of the target object body can be displayed through the display window of the content container.

[0482] As Figure 29C shown, the object holds down the object body adjustment anchor point at the lower left corner of the target object body on the editing page and drags the object body adjustment anchor point at the lower left corner downward to magnify the target object body, so that the part of the target object body displayed through the display window of the content container is smaller and clearer. At this time, both the original width and the original height of the target object body change.

[0483] As Figure 29D shown, when the object releases the object body adjustment anchor point, the size of the adjusted object body border of the target object body becomes larger, and the target object body on the editing page is also magnified. The part of the target object body displayed through the display window of the content container is smaller, but the part displayed through the display window is clearer.

[0484] As Figure 29EAs shown, after the object finishes scaling and adjusting the target object body, the object holds the target object body and moves the target object body to the right on the editing page, causing the target object body in the display window of the content container to move to the right, so that the unshown fish tail of the target object body is completely shown in the display window of the content container.

[0485] As Figure 29F shown, the object releases the target object body and ends the display adjustment of the target object body. At this time, switch back to the page of the target document, and the target object body displayed on the page of the target document is a complete fish, and the displayed fish is clearer and larger than the original target object body.

[0486] The advantage of this embodiment is that based on the interactive operations of the object, the object can freely adjust the display ratio and display area of the object body on the editing page, can achieve a custom layout of the document page, and thus can improve the content display effectiveness and layout flexibility of the document page.

[0487] Description of the Apparatus and Equipment in Embodiments of the Present Disclosure

[0488] It can be understood that although the steps in each of the above flowcharts are sequentially shown according to the indication of the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless there is a clear indication in this embodiment, the execution of these steps has no strict order restriction, and these steps can be executed in other orders. Moreover, at least a part of the steps in the above flowcharts may include multiple steps or multiple stages. These steps or stages are not necessarily executed at the same time, but can be executed at different times, and the execution order of these steps or stages is not necessarily sequential, but can be executed alternately or alternately with at least a part of other steps or steps or stages in other steps.

[0489] It should be noted that in each specific embodiment of the present application, when it comes to relevant processing that needs to be carried out according to data related to the target object characteristics such as target object attribute information or attribute information set, the permission or consent of the target object will be obtained first. Moreover, the collection, use, and processing of these data will comply with relevant laws, regulations, and standards. In addition, when the embodiment of the present application needs to obtain target object attribute information, it will obtain the separate permission or separate consent of the target object through pop-up windows or by jumping to a confirmation page, etc. After clearly obtaining the separate permission or separate consent of the target object, the necessary target object-related data for the normal operation of the embodiment of the present application will be obtained.

[0490] Figure 30 It is a schematic structural diagram of a document page display device 3000 provided by an embodiment of the present disclosure. The document page display device 3000 includes:

[0491] A receiving unit 3010, configured to receive a request for adding an object body group on a page of a target document, where the object body group includes a plurality of continuously added object bodies, at least one of the plurality of object bodies does not have a target line height, and each object body has an original aspect ratio corresponding to the object body;

[0492] A first display unit 3020, configured to display the object body group as at least one object body line, and the object body line has a target line height;

[0493] A second display unit 3030, configured to display each object body in the object body line such that the display aspect ratio of each object body is equal to the original aspect ratio corresponding to the object body.

[0494] Optionally, the plurality of object bodies include a target object body; the document page display device 3000 further includes a group adjustment unit (not shown), and the group adjustment unit (not shown) is configured to:

[0495] Receive a trigger request for a compact function control of the target object body, and display a display height control bar of the object body group;

[0496] In response to a dragging operation on the display height control bar, make the current display height of each object body line correspond to the display height indicated by the display height control bar, and maintain the display aspect ratio of each object body in the object body line equal to the original aspect ratio corresponding to the object body.

[0497] Optionally, the second display unit 3030 is specifically configured to:

[0498] For each object body, determine the extraction sequence number for extracting the object body from the object body group;

[0499] Based on the extraction sequence number, display the plurality of object bodies in the object body line in sequence, and make the current layout mode of each object body an automatic layout mode;

[0500] For each object body, display the object body on the page according to the container size of the content container for loading the object body.

[0501] Optionally, the object body line includes a target object body; the document page display device 3000 further includes a first layout editing unit (not shown), and the first layout editing unit (not shown) is configured to:

[0502] In response to a click operation on the target object body, display a plurality of object body editing controls of the target object body;

[0503] Receive a selection operation for a layout editing control among the plurality of object body editing controls, and display the current layout mode of the target object body;

[0504] In response to a switching operation on the current layout mode, display the target object body as a separate line;

[0505] Display multiple object bodies after the target object body as updated object body lines, where each object body in the updated object body lines has a target line height, and the display width-to-height ratio of each object body is equal to the original width-to-height ratio corresponding to the object body.

[0506] Optionally, the object body line includes the target object body; the document page display device 3100 further includes a second layout editing unit (not shown), and the second layout editing unit (not shown) is configured to:

[0507] In response to a click operation on the target object body, display multiple object body editing controls of the target object body;

[0508] Receive a selection operation on the layout editing control among the multiple object body editing controls, and display the current filling mode of the target object body;

[0509] In response to a switching operation on the current filling mode, display the target object body according to a predetermined display size, where the display width-to-height ratio corresponding to the predetermined display size is equal to the original width-to-height ratio corresponding to the target object body.

[0510] Optionally, the object body line includes the target object body; the document page display device 3000 further includes a first style editing unit (not shown), and the first style editing unit (not shown) is configured to:

[0511] In response to a click operation on the target object body, display multiple object body editing controls of the target object body;

[0512] Receive a selection operation on the style editing control among the multiple object body editing controls, and display the currently selected border color of the target object body among multiple candidate border colors;

[0513] In response to a switching operation on the current border color, update the current border color to a target border color, and display the container border of the content container loading the target object body as the target border color.

[0514] Optionally, the object body line includes the target object body; the document page display device 3000 further includes a second style editing unit (not shown), and the second style editing unit (not shown) is configured to:

[0515] In response to a click operation on the target object body, display multiple object body editing controls of the target object body;

[0516] Receive a selection operation on the style editing control among the multiple object body editing controls, and display the currently selected background color of the target object body among multiple candidate background colors;

[0517] In response to a switching operation on the current background color, update the current background color to the target background color, and display the area in the content container that loads the target object body and does not display the target object body as the target background color.

[0518] Optionally, at least one object body row includes a target object body row; the document page display device 3000 further includes an object body moving unit (not shown), and the object body moving unit (not shown) is configured to:

[0519] In response to a request before dragging the first object body in the object body group to the second object body in the target object body row, display the first object body in the target object body row, and change the display width and display height of each object body in the target object body row to maintain the sum of the respective display widths equal to the row width of the target object body row.

[0520] Optionally, the object body row includes a target object body, and the content elements in the target object body are displayed at a first scaling ratio;

[0521] The document page display device 3000 further includes a cropping unit (not shown), and the cropping unit (not shown) is configured to:

[0522] In response to a click operation on the target object body, display a plurality of object body editing controls for the target object body;

[0523] Receive a selection operation for the cropping function control among the plurality of object body editing controls, and display the object body border and object body adjustment anchor points of the target object body in the editing page of the target document;

[0524] In response to a dragging operation on the object body adjustment anchor point in the editing page, display the adjusted object body border of the target object body in the editing page, and display the content elements in the target object body at a second scaling ratio;

[0525] In response to a moving operation on the target object body in the editing page, display the target content elements of the target object body in the page, where the target content elements are a part of the content elements.

[0526] Optionally, the object body row includes a first object body and a second object body adjacent to the first object body;

[0527] The document page display device 3000 further includes a width adjustment unit (not shown), and the width adjustment unit (not shown) is configured to:

[0528] In response to a moving operation on the pointer icon in the page, display an object body width adjustment control for the first object body in the page, where the object body width adjustment control is between the first object body and the second object body;

[0529] In response to a triggering operation on the object body width adjustment control, the first object body and the second object body are displayed, such that the changing display widths of the first object body and the second object body are consistent with the displacement amount of the object body width adjustment control, and the sum of the display widths of the first object body and the second object body remains unchanged.

[0530] Optionally, at least one object body row includes a first object body row and a second object body row adjacent to the first object body row;

[0531] The document page display device 3000 further includes a height adjustment unit (not shown), and the height adjustment unit (not shown) is configured to:

[0532] In response to a moving operation on the pointer icon in the page, an object body height adjustment control for the first object body row is displayed in the page, wherein the object body height adjustment control is between the first object body row and the second object body row;

[0533] In response to a triggering operation on the object body height adjustment control, the first object body row and the second object body row are displayed, such that the changing display row heights of the first object body row and the second object body row are consistent with the displacement amount of the object body height adjustment control, and the sum of the display row heights of the first object body row and the second object body row remains unchanged.

[0534] Optionally, the object bodies included in the object body row are determined by:

[0535] Obtaining the minimum allowable row height, the maximum allowable row height, and the page row width;

[0536] Taking out an anchor object body from the object body group, determining the first display height of the anchor object body between the minimum allowable row height and the maximum allowable row height, and determining the first display width of the anchor object body based on the first display height of the anchor object body and the original aspect ratio of the anchor object body;

[0537] Taking out an un-taken object body from the object body group, and determining the second display width of the taken-out object body based on the first display height and the original aspect ratio of the taken-out object body;

[0538] If the sum of the first display width and the second display width of the taken-out object body does not exceed the page row width, return to the step of taking out an un-taken object body from the object body group until the sum of the first display width and the second display widths of each taken-out object body exceeds the page row width. Take the anchor object body and the other taken-out object bodies except the last taken-out object body as the object bodies included in the current object body row, take the next object body row of the current object body row as the current object body row, update the anchor object body with the last taken-out object body, and return to the step of taking out an un-taken object body from the object body group.

[0539] Optionally, the document page display device 3000 further includes a line break unit (not shown), and the line break unit (not shown) is configured to:

[0540] Determine a first line space compression value of the current object body line and a second line space compression value of the next object body line of the current object body line;

[0541] If it is determined that the first line space compression value and the second line space compression value meet a preset condition, move a predetermined number of object bodies taken out before the last taken out object body to the next object body line of the current object body line, and adjust the display line height of the current object body line and the display line height of the next object body line of the current object body line.

[0542] Optionally, the document page display device 3000 further includes a determination unit (not shown), and the determination unit (not shown) is configured to:

[0543] If it is determined that the first line space compression value is less than a preset first threshold, compare the second line space compression value with a preset second threshold, where the second threshold is greater than the first threshold;

[0544] If it is determined that the second line space compression value is greater than the second threshold, determine that the first line space compression value and the second line space compression value meet a preset condition.

[0545] Optionally, the target line height is determined in the following manner:

[0546] If it is determined that the original height of each object body in the object body group is less than the minimum allowable line height, determine the minimum allowable line height as the target line height;

[0547] If it is determined that the original height of each object body in the object body group is greater than the maximum allowable line height, determine the maximum allowable line height as the target line height;

[0548] If it is determined that there is at least one object body in the object body group whose original height is between the minimum allowable height and the maximum allowable line height, determine the target line height based on the original heights of multiple object bodies in the object body group.

[0549] Optionally, the minimum allowable line height and the maximum allowable line height are determined in the following manner:

[0550] Determine the total number of object bodies in the object body group, the maximum document capacity and the minimum document capacity of the target document;

[0551] Based on the total number of object bodies and the minimum document capacity, determine the minimum allowable line height;

[0552] Based on the total number of object bodies and the maximum document capacity, determine the maximum allowable line height.

[0553] Reference Figure 31 , Figure 31 is a partial structural block diagram of a terminal for implementing the document page display method according to an embodiment of the present disclosure. The terminal includes components such as a Radio Frequency (RF) circuit 3110, a memory 3115, an input unit 3130, a display unit 3140, a sensor 3150, an audio circuit 3160, a wireless fidelity (WiFi) module 3170, a processor 3180, and a power supply 3190. Those skilled in the art can understand that Figure 31 the terminal structure shown does not limit a mobile phone or a computer, and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0554] The RF circuit 3110 can be used for receiving and transmitting signals during information reception or call processes. Specifically, after receiving the downlink information from the base station, it is given to the processor 3180 for processing; in addition, the designed uplink data is sent to the base station.

[0555] The memory 3115 can be used to store software programs and modules. The processor 3180 executes various functional applications and data processing of the target terminal by running the software programs and modules stored in the memory 3115.

[0556] The input unit 3130 can be used to receive input digital or character information, and generate key signal inputs related to the settings and function controls of the target terminal. Specifically, the input unit 3130 may include a touch panel 3131 and other input devices 3132.

[0557] The display unit 3140 can be used to display the input information or the provided information and various menus of the target terminal. The display unit 3140 may include a display panel 3141.

[0558] The audio circuit 3160, the speaker 3161, and the microphone 3162 can provide an audio interface.

[0559] In this embodiment, the processor 3180 included in the terminal can execute the document page display method of the previous embodiment.

[0560] The terminal according to the embodiments of the present disclosure includes, but is not limited to, mobile phones, computers, intelligent voice interaction devices, intelligent home appliances, vehicle-mounted terminals, aircraft, etc. The embodiments of the present invention can be applied to various scenarios, including but not limited to page layout, information recommendation, document editing, etc.

[0561] Figure 32Block diagram of a part of a server for implementing the document page display method of the embodiments of the present disclosure. The server may vary greatly due to configuration or performance, and may include one or more central processing units (CPUs) 3222 (for example, one or more processors) and a memory 3232, and one or more storage media 3230 (for example, one or more mass storage devices) for storing application programs 3242 or data 3244. Among them, the memory 3232 and the storage media 3230 may be transient storage or persistent storage. The program stored in the storage media 3230 may include one or more modules (not shown in the figure), and each module may include a series of instruction operations on the server. Further, the central processing unit 3222 may be configured to communicate with the storage media 3230 and execute a series of instruction operations in the storage media 3330 on the server.

[0562] The server may further include one or more power supplies 3226, one or more wired or wireless network interfaces 3250, one or more input / output interfaces 3258, and / or, one or more operating systems 3241, such as Windows ServerTM, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM, etc.

[0563] The central processing unit 3222 in the server may be used to execute the document page display method of the embodiments of the present disclosure.

[0564] The embodiments of the present disclosure further provide a computer-readable storage medium for storing program codes for executing the document page display methods of the foregoing embodiments.

[0565] The embodiments of the present disclosure further provide a computer program product, which includes a computer program. The processor of the computer device reads and executes the computer program, so that the computer device executes the document page display method described above.

[0566] In the description of the present disclosure and the above-mentioned accompanying drawings, terms such as "first", "second", "third", "fourth", etc. (if any) are used to distinguish similar objects and do not necessarily describe a specific order or sequence. It should be understood that the data used in this way can be interchanged under appropriate circumstances so that the embodiments of the present disclosure described herein can be implemented, for example, in an order other than those illustrated or described herein. In addition, the terms "comprising" and "including" and any variations thereof are intended to cover non-exclusive inclusion. For example, a process, method, system, product or device that comprises a series of steps or units does not necessarily have to be limited to those steps or units clearly listed, but may include other steps or units not clearly listed or inherent to these processes, methods, products or devices.

[0567] In the embodiments of the present disclosure, the term "module" or "unit" refers to a computer program with a predetermined function or a part of a computer program, which works together with other related parts to achieve a predetermined goal and can be implemented in whole or in part by using software, hardware (such as a processing circuit or a memory), or a combination thereof. Similarly, one processor (or multiple processors or memories) can be used to implement one or more modules or units. In addition, each module or unit can be a part of an overall module or unit that includes the function of that module or unit.

[0568] It should be understood that in the present disclosure, "at least one (item)" means one or more, and "a plurality" means two or more. "And / or" is used to describe the association relationship of associated objects and indicates that three relationships can exist. For example, "A and / or B" can mean: only A exists, only B exists, and both A and B exist at the same time. Among them, A and B can be singular or plural. The character " / " generally means that the associated objects before and after are in an "or" relationship. "At least one (one) of the following" or its similar expression refers to any combination of these items, including any combination of single items (ones) or plural items (ones). For example, at least one (one) of a, b, or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a, b, and c", where a, b, and c can be single or multiple.

[0569] It should be understood that in the description of the embodiments of the present disclosure, the meaning of "a plurality (or multiple items)" is more than two. Understandings such as "greater than", "less than", and "exceeding" do not include the present number, and understandings such as "above", "below", and "within" include the present number.

[0570] In several embodiments provided by the present disclosure, it should be understood that the disclosed systems, devices, and methods can be implemented in other ways. For example, the device embodiments described above are merely illustrative. For example, the division of units is only a logical function division. In actual implementation, there may be other division methods. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. The displayed or discussed couplings or direct couplings or communication connections between each other can be through some interfaces. The indirect couplings or communication connections of devices or units can be in electrical, mechanical, or other forms.

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

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

[0573] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present disclosure, in essence, or the part that contributes to the prior art, or all or part of this technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to enable a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the methods in each embodiment of the present disclosure. The aforementioned storage medium includes: USB flash drives, mobile hard disks, read-only memories (ROM), random access memories (RAM), magnetic disks, or optical discs, etc., which can store program codes.

[0574] It should also be understood that the various embodiments provided by the present disclosure can be combined arbitrarily to achieve different technical effects.

[0575] The above is a specific description of the embodiments of the present disclosure, but the present disclosure is not limited to the above embodiments. Those skilled in the art can also make various equivalent deformations or substitutions without departing from the spirit of the present disclosure, and these equivalent deformations or substitutions are all included within the scope defined by the claims of the present disclosure.

Claims

1. A method for displaying a document page, characterized in that, Including: Receiving a request to add an object body group on a page of a target document, where the object body group includes a plurality of continuously added object bodies, at least one of the plurality of object bodies does not have a target line height, and each object body has an original aspect ratio corresponding to the object body; Displaying the object body group as at least one object body line, where the object body line has the target line height; Displaying each object body in the object body line such that the display aspect ratio of each object body is equal to the original aspect ratio corresponding to the object body.

2. The document page display method according to claim 1, wherein The plurality of object bodies include a target object body; After displaying each object body in the object body line, the method further includes: Receiving a trigger request for a compact function control of the target object body, and displaying a display height control bar of the object body group; In response to a drag operation on the display height control bar, making the current display height of each object body line correspond to the display height indicated by the display height control bar, and maintaining the display aspect ratio of each object body in the object body line still equal to the original aspect ratio corresponding to the object body.

3. The document page display method according to claim 1, wherein The displaying each object body in the object body line includes: For each object body, determining an extraction sequence number for extracting the object body from the object body group; Based on the extraction sequence number, sequentially displaying the plurality of object bodies in the object body line, such that the current layout mode of each object body is an automatic layout mode; For each object body, displaying the object body on the page according to the container size of the content container loading the object body.

4. The document page display method according to claim 3, wherein The object body line includes a target object body; After displaying each object body in the object body line, the method further includes: In response to a click operation on the target object body, displaying a plurality of object body editing controls of the target object body; Receiving a selection operation for a layout editing control among the plurality of object body editing controls, and displaying the current layout mode of the target object body; In response to a switching operation on the current layout mode, displaying the target object body as a separate line; Displaying the plurality of object bodies after the target object body as an updated object body line, where each object body in the updated object body line has the target line height, and the display aspect ratio of each object body is equal to the original aspect ratio corresponding to the object body.

5. The document page display method according to claim 3, wherein The object body line includes a target object body; After displaying each object body in the object body line, the method further includes: In response to a click operation on the target object body, displaying a plurality of object body editing controls of the target object body; Receiving a selection operation for a layout editing control among the plurality of object body editing controls, and displaying the current filling mode of the target object body; In response to a switching operation on the current filling mode, displaying the target object body according to a predetermined display size, where the display aspect ratio corresponding to the predetermined display size is equal to the original aspect ratio corresponding to the target object body.

6. The document page display method according to claim 1, wherein The object body line includes a target object body; After each of the object bodies in the object body row is displayed, the method further includes: In response to a click operation on the target object body, displaying a plurality of object body editing controls for the target object body; Receiving a selection operation for a style editing control among the plurality of object body editing controls, and displaying the current border color selected by the target object body from among a plurality of candidate border colors; In response to a switching operation on the current border color, updating the current border color to a target border color, and displaying the container border of the content container that loads the target object body as the target border color.

7. The document page display method according to claim 1, characterized in that The object body row includes a target object body; After each of the object bodies in the object body row is displayed, the method further includes: In response to a click operation on the target object body, displaying a plurality of object body editing controls for the target object body; Receiving a selection operation for a style editing control among the plurality of object body editing controls, and displaying the current background color selected by the target object body from among a plurality of candidate background colors; In response to a switching operation on the current background color, updating the current background color to a target background color, and displaying the area of the content container that loads the target object body and does not display the target object body as the target background color.

8. The document page display method according to claim 1, wherein, The at least one object body row includes a target object body row; After each of the object bodies in the object body row is displayed, the method further includes: In response to a request before dragging a first object body in the object body group to a second object body in the target object body row, displaying the first object body in the target object body row, and causing the display width and display height of each object body in the target object body row to change so as to maintain the sum of the respective display widths equal to the row width of the target object body row.

9. The document page display method according to claim 1, wherein, The object body row includes a target object body, and the content elements in the target object body are displayed at a first scaling ratio; After each of the object bodies in the object body row is displayed, the method further includes: In response to a click operation on the target object body, displaying a plurality of object body editing controls for the target object body; Receiving a selection operation for a cropping function control among the plurality of object body editing controls, and displaying the object body border and object body adjustment anchor points of the target object body on the editing page of the target document; In response to a drag operation on the object body adjustment anchor points on the editing page, displaying the adjusted object body border of the target object body on the editing page, and displaying the content elements in the target object body at a second scaling ratio; In response to a movement operation on the target object body on the editing page, displaying the target content elements of the target object body on the page, where the target content elements are a part of the content elements.

10. The document page display method according to claim 1, wherein The object body row includes a first object body and a second object body adjacent to the first object body; After each of the object bodies in the object body row is displayed, the method further includes: In response to a movement operation on the pointer icon in the page, an object body width adjustment control for the first object body is displayed in the page, wherein the object body width adjustment control is between the first object body and the second object body; In response to a triggering operation on the object body width adjustment control, the first object body and the second object body are displayed, such that the changed display widths of the first object body and the second object body are consistent with the displacement amount of the object body width adjustment control, and the sum of the display widths of the first object body and the second object body remains unchanged.

11. The document page display method according to claim 1, characterized in that The at least one object body row includes a first object body row and a second object body row adjacent to the first object body row; After each of the object bodies in the object body row is displayed, the method further includes: In response to a movement operation on the pointer icon in the page, an object body height adjustment control for the first object body row is displayed in the page, wherein the object body height adjustment control is between the first object body row and the second object body row; In response to a triggering operation on the object body height adjustment control, the first object body row and the second object body row are displayed, such that the changed display row heights of the first object body row and the second object body row are consistent with the displacement amount of the object body height adjustment control, and the sum of the display row heights of the first object body row and the second object body row remains unchanged.

12. The document page display method according to claim 1, wherein The object bodies included in the object body row are determined by: Obtaining a minimum allowable row height, a maximum allowable row height, and a page row width; Taking out an anchor object body from the object body group, determining the first display height of the anchor object body between the minimum allowable row height and the maximum allowable row height, and determining the first display width of the anchor object body based on the first display height of the anchor object body and the original aspect ratio of the anchor object body; Taking out an object body that has not been taken out from the object body group, and determining the second display width of the taken-out object body based on the first display height and the original aspect ratio of the taken-out object body; If the sum of the first display width and the second display width of the taken-out object body does not exceed the page row width, return to the step of taking out an object body that has not been taken out from the object body group until the sum of the first display width and the second display widths of the respective taken-out object bodies exceeds the page row width. Take the anchor object body and the taken-out object bodies other than the last taken-out object body as the object bodies included in the current object body row, take the next object body row of the current object body row as the current object body row, update the anchor object body with the last taken-out object body, and return to the step of taking out an object body that has not been taken out from the object body group.

13. The document page display method according to claim 12, wherein After taking the anchor object body and the taken-out object bodies other than the last taken-out object body as the object bodies included in the current object body row, the method further includes: Determine the first-line space compression value of the current object body line and the second-line space compression value of the next object body line of the current object body line; If it is determined that the first-line space compression value and the second-line space compression value meet the preset conditions, move a predetermined number of the object bodies taken out before the last taken-out object body to the next object body line of the current object body line, and adjust the display line height of the current object body line and the display line height of the next object body line of the current object body line.

14. The document page display method according to claim 13, wherein The determination that the first-line space compression value and the second-line space compression value meet the preset conditions includes: If it is determined that the first-line space compression value is less than a preset first threshold, compare the second-line space compression value with a preset second threshold, where the second threshold is greater than the first threshold; If it is determined that the second-line space compression value is greater than the second threshold, determine that the first-line space compression value and the second-line space compression value meet the preset conditions.

15. The document page display method according to claim 12, characterized in that The target line height is determined by the following method: If it is determined that the original height of each object body in the object body group is less than the minimum allowable line height, determine the minimum allowable line height as the target line height; If it is determined that the original height of each object body in the object body group is greater than the maximum allowable line height, determine the maximum allowable line height as the target line height; If it is determined that there is at least one object body in the object body group whose original height is between the minimum allowable height and the maximum allowable line height, determine the target line height based on the original heights of multiple object bodies in the object body group.

16. The document page display method according to claim 12, wherein The minimum allowable line height and the maximum allowable line height are determined by the following method: Determine the total number of object bodies in the object body group, the maximum document capacity and the minimum document capacity of the target document; Based on the total number of object bodies and the minimum document capacity, determine the minimum allowable line height; Based on the total number of object bodies and the maximum document capacity, determine the maximum allowable line height.

17. A document page display device, characterized in that, The document page display device includes: A receiving unit, configured to receive an addition request for an object body group on a page of a target document, where the object body group includes a plurality of continuously added object bodies, at least one of the plurality of object bodies does not have a target line height, and each object body has an original aspect ratio corresponding to the object body; A first display unit, configured to display the object body group as at least one object body line, and the object body line has the target line height; A second display unit, configured to display each object body in the object body line such that the display aspect ratio of each object body is equal to the original aspect ratio corresponding to the object body.

18. An electronic device, comprising a memory and a processor, the memory storing a computer program, characterized in that, When the processor executes the computer program, it implements the document page display method according to any one of claims 1 to 16.

19. A computer-readable storage medium storing a computer program, characterized in that, When the computer program is executed by a processor, it implements the document page display method according to any one of claims 1 to 16.

20. A computer program product comprising a computer program which is read and executed by a processor of a computer device, such that the computer device executes the document page display method according to any one of claims 1 to 16.

Images