Online document display method, device and electronic device
By responding to user adjustment instructions in online documents, display style logos are used to adjust the display method of text and link display areas, the problem of fixed display styles of existing online documents is solved, and the convenience and diversity of user browsing experience is improved.
Patent Information
- Application Number
- CN202210433255.1
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2022-04-22
- Publication Date
- 2025-05-23
- Estimated Expiration
- 2042-04-22
AI Technical Summary
In the display interface of existing online documents, the display styles of the text display area and the link display area are fixed, which makes it difficult for users to browse monotonously, making it difficult to find the content of the link and the second text in a convenient way.
By in response to user adjustment instructions, at least one style identifier is displayed, so that the user can select different style identifiers to adjust the display method of the text display area and the link display area, including adjusting the area size and position relationship.
It realizes a diverse display style of text display area and link display area, improves the convenience and experience quality of users when browsing online documents, and makes it easier for users to find the content of links and second text.
Smart Images

Figure CN114742013B_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of Internet technology, and in particular to an online document display method, device and electronic device. Background Art
[0002] With the development of science and technology, the functions of terminal applications are becoming more and more complete, and text can be transmitted between terminal devices.
[0003] When an existing online document is displayed on a display interface, a text display area is set up on the display interface. The text area is used to display the text content of the online document. After the text display area, a link display area may be set up to display links. The link display area can be used to display some links in the online document. When the user who receives the text clicks the link, a new document can be opened. Summary of the invention
[0004] This disclosure section is provided to introduce concepts in a brief form, which will be described in detail in the detailed description section below. This disclosure section is not intended to identify key features or essential features of the claimed technical solution, nor is it intended to limit the scope of the claimed technical solution.
[0005] The embodiments of the present disclosure provide an online document display method, device and electronic device, which can enable users to browse the links displayed in the link display area more conveniently by displaying at least one style identifier; thereby enabling users to browse the text content of the second text more easily.
[0006] In a first aspect, an embodiment of the present disclosure provides an online document display method, comprising: in response to receiving an adjustment instruction for a first page, displaying at least one style identifier; wherein the first page comprises a text display area and a link display area, the text display area is used to display the text content of the first text, and the link display area is used to display the text link of the second text; wherein the display method indicated by the style identifier in the at least one style identifier comprises: including the display method of the text display area in the first page; based on a selection operation for a style identifier in at least one style identifier, displaying the text display area and the link display area in the first page according to the indication of the selected style identifier.
[0007] In a second aspect, an embodiment of the present disclosure provides an online document display device, comprising: a display unit, for displaying at least one style identifier in response to receiving an adjustment instruction for a first page; wherein the first page comprises a text display area and a link display area, the text display area is used to display the text content of the first text, and the link display area is used to display the text link of the second text; wherein the display method indicated by the style identifier in the at least one style identifier comprises: including the display method of the text display area in the first page; a display unit, for displaying the text display area and the link display area in the first page according to the indication of the selected style identifier based on a selection operation for the style identifier in at least one style identifier.
[0008] In a third aspect, an embodiment of the present disclosure provides an electronic device, comprising: one or more processors; a storage device for storing one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement the online document display method as described above in the first aspect.
[0009] In a fourth aspect, an embodiment of the present disclosure provides a computer-readable medium having a computer program stored thereon, which, when executed by a processor, implements the steps of the online document display method described above in the first aspect.
[0010] The online document display method, device and electronic device provided by the embodiments of the present disclosure can display at least one style identifier after receiving an adjustment instruction for the first page, thereby facilitating the adjustment of the display style of the text display area in the first page. In this way, the text display area in the online document can have a variety of display styles to choose from.
[0011] Furthermore, the text display area corresponds to a variety of display styles, so that the display position of the link display area of the online document may also change accordingly, so that the link display area can be displayed at the front position of the online document according to user needs, so that users can browse the text content of the second text more easily. BRIEF DESCRIPTION OF THE DRAWINGS
[0012] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.
[0013] Figure 1 is a flow chart of an embodiment of an online document display method according to the present disclosure;
[0014] Figure 2is a display schematic diagram of a display interface according to another embodiment of the online document display method disclosed in the present invention;
[0015] Figure 3 is a display schematic diagram of a display interface according to another embodiment of the online document display method disclosed in the present invention;
[0016] Figure 4A-4B is a display schematic diagram of a display interface according to another embodiment of the online document display method disclosed in the present invention;
[0017] Figure 5 is a structural schematic diagram of an embodiment of an online document display device according to the present disclosure;
[0018] Figure 6 is an exemplary system architecture in which the online document display method of an embodiment of the present disclosure can be applied;
[0019] Figure 7 It is a schematic diagram of the basic structure of an electronic device provided according to an embodiment of the present disclosure. DETAILED DESCRIPTION
[0020] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.
[0021] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.
[0022] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.
[0023] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.
[0024] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".
[0025] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.
[0026] Please refer to Figure 1 , which shows the process of an embodiment of the online document display method according to the present disclosure. The online document display method can be applied to a terminal device. Figure 1 The online document display method shown includes the following steps:
[0027] Step 101: In response to receiving an adjustment instruction for a first page, display at least one style identifier.
[0028] Here, the first page includes a text display area and a link display area, the text display area is used to display the text content of the first text, and the link display area is used to display the text link of the second text.
[0029] Here, the display mode indicated by the style identifier in at least one style identifier includes: the display mode of the text display area in the above-mentioned first page.
[0030] Here, the display mode may be understood as the display size and / or display position of the text display area in the first page.
[0031] As an example, the text display area in the first page can be understood as an area in the first page for displaying text content, and the link display area can be understood as an area in the first page for displaying text links.
[0032] As an example, some online documents may quote other online documents as explanations. For example, in order to further improve the online document, document links of other online documents may be placed in the online document.
[0033] For example, when online document A introduces a certain content, in order to clearly introduce the content, the document link of online document B may be placed in online document A, and the user can open online document B by triggering the document link of online document B. At this time, there may also be a document link of online document A in online document B, so that when the user finishes browsing online document B, he can return to online document A by triggering the link of online document A.
[0034] As an example, the first text may be understood as text displayed in the first page, and the second text may be understood as text corresponding to a text link in the first page.
[0035] In order to facilitate the understanding of the text display area and link display area of the online document, you can combine Figure 2 To explain, Figure 2 It can be understood as a schematic diagram of the online document display. Figure 2 It can be seen that the online document may include a text display area 201 and a link display area 202 .
[0036] As an example, since the display mode indicated by the style identifier in at least one style identifier may include a display mode for indicating the text display area in the first page, the text display area can have multiple display styles in the first page. For example, the text display area can be displayed in a larger size, the text display area can be displayed in a smaller size, or the text display area can be hidden.
[0037] In the related art, the display style of the text display area is fixed, and the text links of other texts are also fixedly displayed behind the text display area, which makes the display process of the online document relatively monotonous.
[0038] Step 102 : Based on a selection operation of a style identifier among at least one style identifier, a text display area and a link display area are displayed in a first page according to an indication of the selected style identifier.
[0039] As an example, since at least one style identifier is displayed, the user can select at least one style identifier, thereby allowing the user to conveniently adjust the display style of the text display area displayed in the first page, making the display style of the text display area in the first page more diverse.
[0040] As an example, since the display style of the text display area in the first page is more diverse, the display style of the link display area in the text display area can also change following the display style of the text display area, thereby making the display style of the link display area more diverse.
[0041] It can be seen that in the present disclosure, after receiving the adjustment instruction for the first page, at least one style identifier can be displayed, so that the display style of the text display area in the first page can be adjusted easily. In this way, the text display area in the online document can have multiple display styles to choose from.
[0042] Furthermore, the text display area corresponds to a variety of display styles, so that the display position of the link display area of the online document may also change accordingly, so that the link display area can be displayed at the front position of the online document according to user needs, so that users can browse the text content of the second text more easily.
[0043] In some embodiments, the style identifier used to indicate the display style of the text display area in the above-mentioned first page may include at least one of the following style identifiers: a style identifier used to indicate the area size of the text display area in the first page, and a style identifier used to indicate the positional relationship between the text display area and the link display area.
[0044] As an example, since at least one style identifier may include a style identifier for indicating the area size of the text display area in the above-mentioned first page, and / or a style identifier for indicating the positional relationship between the text display area and the link display area; therefore, the user can determine to adjust the positional relationship between the text display area and the link display area according to actual needs, and can also determine to adjust the area size of the text display area in the first page.
[0045] As an example, a first text may be displayed in a certain area of the first page; and the area size of the text display area in the first page can be understood as the size of the area displaying the text in the first page. At least one style identifier includes a style identifier for indicating the area size of the text display area in the first page, and this type of style identifier can be used to indicate a specific value of the area size of the text display area in the first page. That is, this type of style identifier can indicate reducing the area size of the text display area in the first page. In this way, it is easier for users to browse the links displayed in the link display area.
[0046] It should be noted that the text display area in the online document usually sets an initial size. When the initial size cannot display the text content, the size of the text display area can be further increased based on the initial size. In other words, when the text content in the online document is relatively small, some areas in the text display area may not display the text content. In other words, it can be understood that the initial size at this time is too large. Therefore, at least one style identifier can include a style identifier for indicating the area size of the text display area in the first page. The style identifier can indicate the initial size, so that the display size of the text display area can be more economical.
[0047] As an example, at least one style identifier may also include a style identifier for indicating the positional relationship between the text display area and the link display area. In this way, the link display area can be displayed in front of the text display area, and the user can more easily browse to the link in the link display area.
[0048] That is, since at least one style identifier includes a style identifier for indicating the area size of the text display area in the above-mentioned first page, and / or a style identifier for indicating the positional relationship between the text display area and the link display area, the user can adjust the display style of the text content and the link in the first page according to actual needs, so that the user can browse the link more easily.
[0049] In the related art, the document content of an online document is usually displayed first, and then the document links of other online documents are displayed at the end of the document content; in this way, the user may only find the document link at the end of the document after reading the document content.
[0050] It can be seen that by displaying at least one style identifier, it is easy to adjust the area size of the text display area in the first page, and / or adjust the positional relationship between the link display area and the text display area, so that the user can browse the link displayed in the link display area more conveniently. Therefore, the user can browse the text content of the second text more easily.
[0051] In some embodiments, each style identifier may include a text area identifier, and the display manner of the text area identifier in each style identifier is different.
[0052] Here, the display mode may include: display position and / or display size.
[0053] Here, the display mode of the text area identifier in the style identifier corresponds to the display mode of the text display area in the first page.
[0054] As an example, the display mode of the text area identifier in each style identifier is different. For example, the display area of the text area identifier in a certain style identifier is larger, while the area of the text area identifier in another style identifier is smaller. Therefore, the user can determine the display mode of the text display area indicated by the style identifier in the first page according to the display mode of the text area identifier in the style identifier.
[0055] As an example, since the style identifier may include a text area identifier, the user can determine the display mode of the text display area indicated by each style identifier based on the displayed style identifier, thereby improving the efficiency of the user in selecting the style identifier.
[0056] In some embodiments, each style identifier may include a text area identifier and a link area identifier at the same time.
[0057] Here, the positional relationship between the text area identifier and the link area identifier in the style identifier may correspond to the positional relationship between the text display area and the link display area in the online document.
[0058] It should be understood that the text area identifier can be used to indicate a text display area, and the link area identifier can be used to indicate a link display area.
[0059] It can be seen that since the style identifier can include a text area identifier and a link area identifier, the user can determine the display style of the text display area and the link display area indicated by each style identifier based on the displayed style identifier, thereby improving the efficiency of the user in selecting the style identifier.
[0060] For ease of understanding, you can combine Figure 3 To explain, Figure 3 It can be understood that the display interface displays at least one display schematic diagram of a style identifier. Figure 3 The black rectangle in the figure can be understood as a link style mark, and the rectangular block filled with slashes can be understood as a text display area, and the rectangular box 301 can be understood as a style mark, and the rectangular box 302 can be understood as a style mark, and correspondingly, the rectangular box 303 can also be understood as a style mark. Figure 3 It can be seen that style identifier 302 can be used to indicate that the text display area is directly hidden, while style identifier 303 can indicate that the text display area and the link display area are adjusted. Of course, the specific display form of the text area identifier and the link area identifier in at least one style identifier can be limited according to actual conditions, and the display form of those style identifiers and the text area identifiers and link area identifiers in each style identifier is not limited here. Figure 3 It can be seen that, since at least one style identifier is displayed, the user only needs to select a suitable style identifier according to actual needs, thereby adjusting the display style of the text display area, thereby increasing the efficiency of the user in adjusting the text display area.
[0061] In some embodiments, the selected style identifier indicates reducing the text display area; at this time, step 102 (based on the selection operation of the style identifier in at least one style identifier, according to the indication of the selected style identifier, displaying the text display area and the link display area in the first page) can specifically include: determining a first size occupied by the text content in the first page; based on the first size, adjusting the displayed text display area, and adjusting the displayed link display area according to the adjusted text display area.
[0062] As an example, the size occupied by the text content displayed in the text display area in the first page can be understood as the first size. It should be noted that the first size here can be understood as the size occupied by the text content in the first page without changing the original text format (for example, font size, font format) of the text content in the text display area.
[0063] As an example, it can be understood that after the text display area is reduced to the first size, the blank area (area without text content displayed) in the text display area may be reduced, thereby correspondingly reducing the display size of the text display area. At this time, the display position of the link display area can be correspondingly closer to the header area of the document, so that the user can more easily find the content displayed in the link display area.
[0064] It can be seen that since the selected style indicator indicates to reduce the text display area, the reduction method can include: directly displaying the first text in the smallest area size without changing the text format. In this way, it can ensure that the text content of the first text is displayed in the original format, and it can also make it easier for users to find the text link of the second text displayed in the first page.
[0065] In some embodiments, the selected style identifier indicates hiding the text display area. At this time, step 102 (based on the selection operation of the style identifier in at least one style identifier, according to the indication of the selected style identifier, displaying the text display area and the link display area in the first page) can specifically include: hiding the displayed text display area, and displaying the link display area in a predefined area of the first page.
[0066] Here, the predefined area is an area of a predefined size at the first page header.
[0067] As an example, the selected style indicator indicates hiding the text display area, and the hiding method may include: hiding the text display area all at once. In this way, the text link of the second text can be directly displayed, which makes it convenient for users to directly browse to the second text using the text link of the second text.
[0068] In some embodiments, the selected style identifier indicates that the text display area is displayed sequentially after the link display area. At this time, step 102 (based on the selection operation of the style identifier in at least one style identifier, according to the indication of the selected style identifier, the text display area and the link display area are displayed in the first page) can specifically include: displaying the link display area in the predefined header area of the first page; and, displaying the text display area sequentially after the link display area.
[0069] Here, in the first page, the distance between the upper boundary of the text display area and the lower boundary of the link display area is less than the preset threshold. In this way, it can be avoided that after the display position of the link display area is adjusted, the distance between the text display area and the link display area is too large. That is, although the display positions of the link display area and the text display area are adjusted, the entire first page after the adjustment can also be displayed more closely, so that after the display mode is changed according to the indication of the selected style identifier,
[0070] As an example, the link display area is displayed in the predefined header area of the first page, and the text display area is displayed sequentially after the link display area. In this way, when browsing the online document, the user can first browse the text link of the second text displayed in the link display area, so that the user can browse the second text more conveniently.
[0071] Here, the predefined header area can be understood as the header area of the online document, so that the user can more easily find the text link of the second text displayed in the connection display area.
[0072] As an example, displaying the text display area after the link display area can also be understood as exchanging the display positions of the link display area and the text display area. For example, the initial display method of the online document is to display the link display area after the text display area; and after the trigger operation is performed on the selected style identifier, the link display area can be displayed first, and then the text display area can be displayed in sequence.
[0073] In some embodiments, the at least one style identifier may include a first style identifier and a second style identifier.
[0074] Here, the first style identifier indicates to reduce the text display area; the second style identifier indicates to hide the above text display area.
[0075] As an example, at least one style identifier may include a first style identifier and a second style identifier, thereby enriching the display modes available to users for selection, and allowing users to only reasonably select the required display mode based on actual needs; thereby improving the efficiency of users in changing the display mode of the text display area in the first page.
[0076] It should be noted that which style identifiers are specifically included in the at least one style identifier can be limited according to actual conditions. Here, there is no limitation on which style identifiers are specifically included in the at least one style identifier. It only needs to be reasonably limited according to actual conditions.
[0077] In some embodiments, the selected style identifier indicates that the height of the text display area is reduced by a preset ratio; at this time, step 102 (based on the selection operation of the style identifier in at least one style identifier, according to the indication of the selected style identifier, the text display area and the link display area are displayed in the first page) can specifically include: determining the second size of the text display area in the first page after the height of the text display area is reduced by the preset ratio; determining the third size occupied by the text content in the first page; and based on the second size and the third size, determining the display size of the text display area; displaying the text display area in the above display size, and displaying the link display area in sequence.
[0078] Here, the distance between the upper boundary of the link display area and the lower boundary of the text display area is smaller than a preset threshold.
[0079] As an example, the size occupied by the text content displayed in the text display area in the first page can be understood as the third size. That is, the size occupied by the text content of the first text in the first page can be understood as the third size.
[0080] It should be noted that the third size here can be understood as the size of the area occupied by the displayed text content without changing the original text format (for example, font size, font format) of the text content in the text display area.
[0081] As an example, the second size may be understood as the size to which the user wants to adjust the text display area.
[0082] In some scenarios, the second size and the third size may be different. In this case, the area size of the adjusted text display area may be determined based on the specific size between the second size and the third size.
[0083] Specifically, when the second size is larger than the third size, the second size can be determined as the area size of the adjusted text display area, and when the second size is not larger than the third size, the third size can be determined as the area size of the adjusted text display area.
[0084] It can be seen that when the second size is smaller than the third size, if the text display area is adjusted to the second size, the adjusted text display area cannot display the first text according to the original text format of the online document. Therefore, the third size can be determined as the area size of the adjusted text display area. In this way, the adjusted text display area can display the first text according to the original format. Correspondingly, when the second size is larger than the third size, the second size can be determined as the area size of the adjusted text display area.
[0085] In some embodiments, the second size can be used to indicate that the height of the text display area in the first page is a second height, and the second size can be used to indicate that the page height occupied by the text content in the text display area is a third height. At this time, the height of the text display area in the first page can be adjusted according to the second height and the third height.
[0086] As an example, when adjusting the page size, only the height of the page is adjusted, so that although the area size of the text display area in the first page is adjusted, the text format of the first text when displayed in the text display area is not changed.
[0087] It can be seen that after the text display area in the first page is adjusted, not only the text format of the first text displayed in the text display area is not changed, but the position of the link display area is also moved forward accordingly. In this way, not only the original text style can be retained, but also the user can browse to the text link of the second text displayed in the link display area more quickly.
[0088] In some embodiments, in response to determining that the second height is greater than or equal to the third height, the height of the text display area in the first page is adjusted to the second height; in response to determining that the second height is less than the third height, the height of the text display area in the first page is adjusted to the third height.
[0089] In this way, although the area size of the text display area is adjusted, the adjusted area size can still fully display the text content of the first text, so that the user can clearly know the text content of the first text, and at the same time, because the text link of the second text is displayed in the front, the user can browse the second text conveniently by triggering the text link of the second text.
[0090] In some embodiments, in response to receiving an area editing instruction for a first page, a first bounding box of a text display area is displayed; based on a move operation on a first edge in the first bounding box, the first edge is moved to obtain a second bounding box, and the area in the second bounding box is determined as the text display area.
[0091] As an example, when an area editing instruction is received, the size of the text display area in the second page can be customized, so that the user can adjust the size of the text display area according to actual needs.
[0092] As an example, after customizing the text display area, the adjusted text display area may not be able to display the text content of the first text at one time. At this time, the user can perform browsing operations (for example, sliding operations, clicking operations, etc.) in the text display area to change the text content of the first text displayed in the text display area. In this way, although the text display area cannot display the entire text content of the first text at one time, the user can also browse the entire text content of the first text by performing browsing operations in the text display area.
[0093] It can be seen that in the embodiment of the present disclosure, not only are some style identifiers pre-set for users to choose from so that users can quickly adjust the text display area and / or link display area in the first page, but the text display area can also be adaptively adjusted, thereby enriching the adjustment method of the text display area in the first page.
[0094] For ease of understanding, you can combine Figure 4A-4B To explain, Figure 4A and Figure 4B These are all schematic diagrams showing the first page of the display interface. Figure 4A It can be understood as a display diagram before the user adjusts the text display area. Figure 4B It can be understood as a schematic diagram of the display after the user adjusts the text display area. Figure 4A and Figure 4B It can be seen that the user can move the first boundary box 401 to adjust the size of the text display area in the first page.
[0095] In some embodiments, the display interface for displaying the first page may include an adjustment control. In this case, the adjustment instruction may be generated in the following manner:
[0096] In response to detecting a trigger operation for the adjustment control, an adjustment instruction for the first page is generated; at this time, a second page may be displayed, and at least one style identifier may be displayed in the second page.
[0097] As an example, it can be understood that the newly opened second page is used to indicate at least one style identifier. The specific size of the second page can be set according to actual conditions, and the specific size of the second page is not limited here.
[0098] As an example, a new page is set up to display at least one style identifier, so as to avoid frequent changes in the displayed content of the first page, thereby providing a better browsing experience for users.
[0099] It can be seen that by setting the adjustment control, when the user needs to adjust the text display area in the first page, the user only needs to trigger the adjustment control to generate an adjustment instruction, so that the user can easily trigger the execution body to generate the adjustment instruction. The execution body can display the second page and can display at least one style identifier in the second page, so that it is convenient for the user to adjust the text display area and / or link display area displayed on the first page.
[0100] In some embodiments, the selected style identifier may be sent to an electronic device that shares the first text.
[0101] Here, the electronic device can display the text display area and the link display area according to the received style identifier.
[0102] As an example, since the style identifier can indicate the display mode of the text display area in the first page, the electronic device can adjust the displayed text display area and link display area according to the instruction of the selected style identifier.
[0103] As an example, the online document may have been shared with the owner. Therefore, after the owner changes the position and / or size of the text display area of the online document (the link display area will also be changed accordingly), the selected style identifier can be sent to the electronic device that shares the online document so that other electronic devices can change the display method of the text display area of the online document.
[0104] In some embodiments, only the owner of the online document can change the display mode of the text display area in the first page.
[0105] As an example, when the execution subject detects that the current account is the owner account corresponding to the owner of the online document, the execution subject can display the adjustment control. In this way, only the owner of the online document can trigger the adjustment control, so that the execution subject can generate the adjustment instruction.
[0106] In some embodiments, the owner of the online document may authorize some accounts, and the authorized accounts may also trigger the adjustment control to generate an adjustment instruction.
[0107] That is, it can be understood that the terminal device corresponding to the associated account corresponding to the online document can also generate an adjustment instruction.
[0108] As an example, an account associated with an online document may be understood as an account having editing authority over the online document.
[0109] In some embodiments, the electronic device that shares the online document can display prompt information in response to receiving a selected style identifier; in response to detecting a trigger operation for the prompt information, the electronic device that shares the online document can adjust the display mode of the text display area displayed in the first page according to the selected style identifier, and can correspondingly adjust the display mode of the link display area in the first page.
[0110] Here, the prompt information may be used to prompt for changing the display mode of the text display area in the first page.
[0111] As an example, when an electronic device sharing an online document responds to receiving a selected style identifier, it can display a prompt message, so that other users can be informed that the display mode of the text display area of the online document has been changed, and other users can choose whether to adjust the display mode of the text display area of the online document accordingly.
[0112] In some embodiments, in response to receiving the selected style identifier, the electronic device sharing the online document can adjust the display mode of the text display area displayed in the first page according to the selected style identifier, and can also adjust the display mode of the link display area in the first page accordingly.
[0113] As an example, after receiving the selected style identifier, the electronic device sharing the online document can also timely adjust the display mode of the online document text display area, so that the consistency of the online document can be guaranteed when the user sharing the online document browses the online document.
[0114] Further references Figure 5 As an implementation of the methods shown in the above figures, the present disclosure provides an embodiment of an online document display device. Figure 1 Corresponding to the embodiment of the online document display method shown, the device can be specifically applied to various electronic devices.
[0115] like Figure 5 As shown, the online document display device of this embodiment includes: an identification display unit 501, which is used to display at least one style identification in response to receiving an adjustment instruction for a first page; wherein the above-mentioned first page includes a text display area and a link display area, the above-mentioned text display area is used to display the text content of the first text, and the above-mentioned link display area is used to display the text link of the second text; wherein the display method indicated by the style identification in the above-mentioned at least one style identification includes: including the display method of the text display area in the above-mentioned first page; a content display unit 502, which is used to display the text display area and the link display area in the above-mentioned first page according to the indication of the selected style identification based on the selection operation of the style identification in at least one style identification.
[0116] In some embodiments, the apparatus further comprises a sharing unit 503 for sending the selected style identifier to an electronic device that shares the first text; wherein the electronic device displays a text display area and a link display area according to the received style identifier.
[0117] In some embodiments, the style identifier includes a text area identifier, and the display mode of the text area identifier in each style identifier is different; wherein the display mode of the text area identifier in the style identifier corresponds to the display mode of the text display area in the first page.
[0118] In some embodiments, the selected style identifier indicates reducing the text display area; and the content display unit 502 is specifically used to determine a first size occupied by the text content in the first page; based on the above first size, adjust the displayed text display area, and adjust the displayed link display area according to the adjusted text display area.
[0119] In some embodiments, the selected style identifier indicates hiding the text display area, and the content display unit 502 is specifically configured to hide the displayed text display area, and display the link display area in a predefined area of the first page.
[0120] In some embodiments, the predefined area is an area of a predefined size at the first page header.
[0121] In some embodiments, the selected style identifier indicates that the text display area is displayed sequentially after the link display area, and the content display unit 502 is specifically used to display the link display area in a predefined header area of the first page; and, the text display area is displayed sequentially after the link display area, wherein, in the first page, the spacing between the upper boundary of the text display area and the lower boundary of the link display area is less than a preset threshold.
[0122] In some embodiments, the at least one style identifier includes a first style identifier and a second style identifier; wherein the first style identifier indicates to reduce the text display area; and the second style identifier indicates to hide the text display area.
[0123] In some embodiments, the above-mentioned device also includes an adjustment unit 504, which is used to display a first bounding box of the above-mentioned text display area in response to receiving an area editing instruction for the above-mentioned first page; according to a moving operation on the first edge in the first bounding box, the first edge is moved to obtain a second bounding box, and the area in the above-mentioned second bounding box is determined as the above-mentioned text display area.
[0124] In some embodiments, the selected style identifier indicates that the height of the text display area is reduced by a preset ratio; and the content display unit 502 is specifically used to determine the second size of the text display area in the first page after the height of the text display area is reduced by the preset ratio; determine the third size occupied by the text content in the first page; based on the above-mentioned second size and the above-mentioned third size, determine the display size of the text display area; display the text display area with the above-mentioned display size, and display the link display area in sequence; wherein, the spacing between the upper border of the link display area and the lower border of the text display area is less than a preset threshold.
[0125] In some embodiments, the content display unit 502 is further specifically used to determine that the second size is larger than the third size and to determine that the second size is the area size of the text display area in response to determining that the second size is larger than the third size; and to determine that the third size is not larger than the third size and to determine that the third size is the area size of the text display area.
[0126] Please refer to Figure 6 , Figure 6 An exemplary system architecture is shown in which the online document presentation method according to an embodiment of the present disclosure can be applied.
[0127] like Figure 6 As shown, the system architecture may include terminal devices 601, 602, 603, a network 604, and a server 605. The network 604 may be used to provide a medium for a communication link between the terminal devices 601, 602, 603 and the server 605. The network 604 may include various connection types, such as wired, wireless communication links, or optical fiber cables, etc.
[0128] The terminal devices 601, 602, and 603 can interact with the server 605 through the network 604 to receive or send messages, etc. Various client applications, such as web browser applications, search applications, and news information applications, can be installed on the terminal devices 601, 602, and 603. The client applications in the terminal devices 601, 602, and 603 can receive user instructions and perform corresponding functions according to the user instructions, such as adding corresponding information to the information according to the user instructions.
[0129] Terminal devices 601, 602, and 603 can be hardware or software. When terminal devices 601, 602, and 603 are hardware, they can be various electronic devices with display screens and supporting web browsing, including but not limited to smart phones, tablet computers, e-book readers, MP3 players (Moving Picture Experts Group Audio Layer III, Moving Picture Experts Group Audio Layer 3), MP4 (Moving Picture Experts Group Audio Layer IV, Moving Picture Experts Group Audio Layer 4) players, laptop computers, and desktop computers, etc. When terminal devices 601, 602, and 603 are software, they can be installed in the electronic devices listed above. It can be implemented as multiple software or software modules (for example, software or software modules used to provide distributed services), or it can be implemented as a single software or software module. No specific limitation is made here.
[0130] The server 605 may be a server that provides various services, such as receiving information acquisition requests sent by the terminal devices 601, 602, and 603, acquiring display information corresponding to the information acquisition requests in various ways according to the information acquisition requests, and sending the relevant data of the display information to the terminal devices 601, 602, and 603.
[0131] It should be noted that the information processing method provided in the embodiment of the present disclosure can be executed by a terminal device, and accordingly, the online document display device can be set in the terminal devices 601, 602, and 603. In addition, the information processing method provided in the embodiment of the present disclosure can also be executed by a server 605, and accordingly, the information processing device can be set in the server 605.
[0132] It should be understood that Figure 6 The number of terminal devices, networks and servers in the embodiment is only for illustration. Any number of terminal devices, networks and servers may be provided according to implementation requirements.
[0133] Reference below Figure 7 , which shows an electronic device (eg, Figure 6 The terminal device in the embodiment of the present disclosure may include but is not limited to mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 7 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.
[0134] like Figure 7 As shown, the electronic device may include a processing device (e.g., a central processing unit, a graphics processor, etc.) 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 702 or a program loaded from a storage device 708 into a random access memory (RAM) 703. In the RAM 703, various programs and data required for the operation of the electronic device 700 are also stored. The processing device 701, the ROM 702, and the RAM 703 are connected to each other via a bus 704. An input / output (I / O) interface 705 is also connected to the bus 704.
[0135] Typically, the following devices may be connected to the I / O interface 705: input devices 706 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; output devices 707 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; storage devices 708 including, for example, a magnetic tape, a hard disk, etc.; and communication devices 709. The communication devices 709 may allow the electronic device to communicate with other devices wirelessly or by wire to exchange data. Although Figure 7 An electronic device having various devices is shown, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.
[0136] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 709, or installed from the storage device 708, or installed from the ROM 702. When the computer program is executed by the processing device 701, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.
[0137] It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.
[0138] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.
[0139] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.
[0140] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device: displays at least one style identifier in response to receiving an adjustment instruction for a first page; wherein the first page includes a text display area and a link display area, the text display area is used to display the text content of the first text, and the link display area is used to display the text link of the second text; wherein the display method indicated by the style identifier in the at least one style identifier includes: including the display method of the text display area in the first page; based on a selection operation for a style identifier in at least one style identifier, displaying the text display area and the link display area in the first page according to the indication of the selected style identifier.
[0141] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).
[0142] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.
[0143] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware. The name of a unit does not limit the unit itself in some cases. For example, a logo display unit may also be described as a "unit for displaying a style logo".
[0144] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.
[0145] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
[0146] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.
[0147] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.
[0148] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.
Claims
1. A method for displaying online documents, It is characterized in that include: In response to receiving an adjustment instruction for a first page, at least one style identifier is displayed; wherein the first page includes a text display area and a link display area, the text display area is used to display the text content of the first text, and the link display area is used to display the text link of the second text; wherein the display mode indicated by the style identifier in the at least one style identifier includes: including the display mode of the text display area in the first page, the at least one style identifier includes: a style identifier for indicating the area size of the text display area in the first page, and / or a style identifier for indicating the positional relationship between the text display area and the link display area; Based on a selection operation for a style identifier in at least one style identifier, a text display area and a link display area are displayed in the first page according to an indication of the selected style identifier.
2. The method according to claim 1, It is characterized in that The method further comprises: The selected style identifier is sent to an electronic device that shares the first text; wherein the electronic device displays a text display area and a link display area according to the received style identifier.
3. The method according to claim 1, It is characterized in that The style identifier includes a text area identifier, and the display method of the text area identifier in each style identifier is different; The display mode of the text area identifier in the style identifier corresponds to the display mode of the text display area in the first page.
4. The method according to claim 1, It is characterized in that The method of reducing the text display area by selecting a style identifier and indicating that the text display area is reduced; and the method of displaying the text display area and the link display area on the first page according to the indication of the selected style identifier based on the selection operation of the style identifier in the at least one style identifier, comprises: Determine a first size occupied by the text content in the first page; Based on the first size, the displayed text display area is adjusted, and according to the adjusted text display area, the displayed link display area is adjusted.
5. The method according to claim 1, It is characterized in that The method comprises: selecting a style label to indicate hiding the text display area, and displaying the text display area and the link display area on the first page according to the indication of the selected style label based on the selection operation of the style label in at least one style label, including: The displayed text display area is hidden, and the link display area is displayed in a predefined area of the first page.
6. The method according to claim 5, It is characterized in that The predefined area is an area of a predefined size at the first page header.
7. The method according to claim 1, It is characterized in that The selected style label indicates that the text display area is displayed sequentially after the link display area, and the text display area and the link display area are displayed in the first page according to the indication of the selected style label based on the selection operation of the style label in at least one style label, including: A link display area is displayed in a predefined header area of a first page; and a text display area is displayed sequentially after the link display area, wherein in the first page, a distance between an upper border of the text display area and a lower border of the link display area is smaller than a preset distance.
8. The method according to claim 1, It is characterized in that The at least one style label includes a first style label and a second style label; The first style label indicates shrinking the text display area; the second style label indicates hiding the text display area.
9. The method according to claim 1, It is characterized in that The method further comprises: In response to receiving an area editing instruction for the first page, displaying a first boundary box of the text display area; According to the moving operation of the first side in the first bounding box, the first side is moved to obtain a second bounding box, and the area in the second bounding box is determined as the text display area.
10. The method according to claim 1, It is characterized in that The selected style label indicates that the height of the text display area is reduced by a preset ratio; and the method based on the selection operation of the style label in at least one style label, according to the instruction of the selected style label, displaying the text display area and the link display area in the first page, includes: Determine the second size of the text display area in the first page after the height of the text display area is reduced by a preset ratio; Determine a third dimension occupied by the text content in the first page; Determine a display size of the text display area based on the second size and the third size; The text display area is displayed in the display size, and the link display area is displayed in sequence; wherein the distance between the upper boundary of the link display area and the lower boundary of the text display area is less than a preset value.
11. The method according to claim 10, It is characterized in that The determining the display size of the text display area based on the second size and the third size includes: In response to determining that the second size is greater than the third size, determining the second size as the area size of the text display area; In response to determining that the second size is not greater than the third size, the third size is determined as the area size of the text display area.
12. An online document display device, It is characterized in that include: A label display unit, for displaying at least one style label in response to receiving an adjustment instruction for a first page of a needle; wherein the first page includes a text display area and a link display area, the text display area is used to display the text content of the first text, and the link display area is used to display the text link of the second text; wherein the display mode indicated by the style label in the at least one style label includes: including the display mode of the text display area in the first page, the at least one style label includes: a style label for indicating the area size of the text display area in the first page, and / or a style label for indicating the positional relationship between the text display area and the link display area; A content display unit is used to display a text display area and a link display area in the first page according to an indication of the selected style tag based on a selection operation of a style tag in at least one style tag.
13. An electronic device, It is characterized in that include: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 11.
14. A computer readable medium having a computer program stored thereon, It is characterized in that When the program is executed by a processor, the method according to any one of claims 1 to 11 is implemented.
Citation Information
Patent Citations
Rich media display method and device, medium and computing equipment
CN113946253A