Label content display method and device, electronic equipment and computer storage medium

Abstract

The invention provides an annotation content display method and device, electronic equipment and a computer storage medium, and the method comprises the steps: displaying a target document which comprises a plurality of elements; when a first trigger operation for a target element in the multiple elements is detected, obtaining target annotation content corresponding to the target element; displaying the target annotation content; and when a second trigger operation for the target element is detected, closing the display of the target annotation content. According to the embodiment provided by the scheme, the effectiveness and neatness of annotation content display can be improved, more friendly interaction experience is provided for a user, and then the browsing efficiency of the user is improved.

Description

Technical Field

[0001] This application relates to the technical field of page display, and particularly to a method, device, electronic device, and computer storage medium for displaying marked content. Background Art

[0002] Current online education platforms or online reading platforms usually provide functions such as word highlighting and note-taking, so that users can make personalized marks on the content when reading text. However, there are problems with insufficient accuracy in the actual use of such marking functions. When a user needs to mark a text multiple times and there is an overlap between the marked contents, some marks cannot be normally displayed because they are covered by other marks. In addition, when the marked contents are adjacent, it is difficult to accurately display a specific marked content, but the user needs to distinguish it from the marked information in the entire merged area by themselves, which reduces the display efficiency of the marked content and thus affects the user's browsing efficiency. Summary of the Invention

[0003] Embodiments of this application provide a method, device, electronic device, and computer storage medium for displaying marked content, which can improve the effectiveness and neatness of the display of marked content, provide a more friendly interaction experience for users, and thus improve the user's browsing efficiency. The above technical solutions are as follows:

[0004] In a first aspect, embodiments of this application provide a method for displaying marked content, and the method includes:

[0005] Display a target document, where the target document includes multiple elements;

[0006] When a first trigger operation for a target element among the multiple elements is detected, obtain the target marked content corresponding to the target element;

[0007] Display the target marked content;

[0008] When a second trigger operation for the target element is detected, close the display of the target marked content.

[0009] In a possible implementation, the target marked content corresponding to the target element is the marked data pre-marked for the target element;

[0010] The method further includes:

[0011] When a selection operation for a combination of elements to be marked in the target document is detected, display an input box corresponding to the combination of elements to be marked, where the combination of elements to be marked includes at least one element;

[0012] Obtain the input content of the user through the above input box, and use the above input content as the labeled data corresponding to the above element combination to be labeled;

[0013] Determine the labeled data corresponding to the above element combination to be labeled as the labeled content labeled for each element in the above element combination to be labeled, and each element in the above multiple elements is any one of the following: text, picture, and formula.

[0014] In a possible implementation manner, the target labeled content corresponding to the above target element is the labeled data pre-labeled for the target element content of the above target element;

[0015] The above obtaining the target labeled content corresponding to the above target element includes:

[0016] Determine the target element content of the above target element;

[0017] Obtain the labeled data corresponding to the above target element content;

[0018] Determine the labeled data corresponding to the above target element content as the target labeled content corresponding to the above target element.

[0019] In a possible implementation manner, the target labeled content corresponding to the above target element is the labeled data pre-labeled for the target position information of the above target element;

[0020] The above obtaining the target labeled content corresponding to the above target element includes:

[0021] Determine the target position information of the above target element, and the above target position information is the position of the above target element in the above target document;

[0022] Obtain the labeled data corresponding to the above target position information;

[0023] Determine the labeled data corresponding to the above target position information as the target labeled content corresponding to the above target element.

[0024] In a possible implementation manner, the above displaying the above target labeled content includes:

[0025] Display a labeled content page, and at least one data display area is included in the above labeled content page;

[0026] In each of the above data display areas, display each labeled data included in the above target labeled content, and the element combination to be labeled corresponding to the above labeled data, wherein one or more of the above labeled data are included in the above target labeled content.

[0027] In a possible implementation manner, the above method further includes:

[0028] When it is detected that the mouse cursor hovers over the element display area where the target element among the above-mentioned multiple elements is located, it is determined that the first trigger operation for the above-mentioned target element is detected; or,

[0029] When it is detected that the element display area where the target element among the above-mentioned multiple elements is located is clicked, it is determined that the first trigger operation for the above-mentioned target element is detected.

[0030] In a possible implementation manner, the above method further includes:

[0031] When it is detected that the mouse cursor leaves the element display area where the target element is located, it is determined that the second trigger operation for the above-mentioned target element is detected; or,

[0032] When it is not detected that the element display area where the target element is located is clicked again within a preset time period after the element display area where the target element is located is clicked, it is determined that the second trigger operation for the above-mentioned target element is detected.

[0033] In a second aspect, an embodiment of the present application provides a labeled content display device, and the above device includes:

[0034] A first display module, configured to display a target document, where the target document includes multiple elements;

[0035] A first acquisition module, configured to acquire the target labeled content corresponding to the above-mentioned target element when it is detected that the first trigger operation for the target element among the above-mentioned multiple elements is detected;

[0036] A second display module, configured to display the above-mentioned target labeled content;

[0037] A closing module, configured to close the display of the above-mentioned target labeled content when it is detected that the second trigger operation for the above-mentioned target element is detected.

[0038] In a possible implementation manner, the target labeled content corresponding to the above-mentioned target element is the labeled data pre-labeled for the above-mentioned target element;

[0039] The above device further includes:

[0040] A third display module, configured to display an input box corresponding to the above-mentioned combination of elements to be labeled when it is detected that a selection operation is performed on the combination of elements to be labeled in the above-mentioned target document, where the combination of elements to be labeled includes at least one element;

[0041] A second acquisition module, configured to acquire the input content of the user through the above input box and use the above input content as the labeled data corresponding to the above-mentioned combination of elements to be labeled;

[0042] A first determination module, configured to determine the labeled data corresponding to the to-be-labeled element combination as the labeled content for labeling each element in the to-be-labeled element combination, where each element in the multiple elements is any one of the following: text, picture, and formula.

[0043] In a possible implementation manner, the target labeled content corresponding to the target element is the labeled data pre-labeled for the target element content of the target element;

[0044] The first acquisition module includes:

[0045] A first determination unit, configured to determine the target element content of the target element;

[0046] A first acquisition unit, configured to acquire the labeled data corresponding to the target element content;

[0047] A second determination unit, configured to determine the labeled data corresponding to the target element content as the target labeled content corresponding to the target element.

[0048] In a possible implementation manner, the target labeled content corresponding to the target element is the labeled data pre-labeled for the target position information of the target element;

[0049] The first acquisition module includes:

[0050] A third determination unit, configured to determine the target position information of the target element, where the target position information is the position of the target element in the target document;

[0051] A second acquisition unit, configured to acquire the labeled data corresponding to the target position information;

[0052] A fourth determination unit, configured to determine the labeled data corresponding to the target position information as the target labeled content corresponding to the target element.

[0053] In a possible implementation manner, the second display module includes:

[0054] A first display unit, configured to display a labeled content page, where the labeled content page includes at least one data display area;

[0055] A second display unit, configured to display each labeled data included in the target labeled content, and the labeled element combination corresponding to the labeled data, in each of the data display areas, where one or more of the labeled data are included in the target labeled content.

[0056] In a possible implementation manner, the apparatus further includes:

[0057] A second determination module, configured to determine that a first trigger operation for the target element is detected when it is detected that the mouse cursor hovers over the element display area where the target element among the multiple elements is located; or, configured to determine that a first trigger operation for the target element is detected when it is detected that the element display area where the target element among the multiple elements is located is clicked.

[0058] In a possible implementation manner, the above device further includes:

[0059] A third determination module, configured to determine that a second trigger operation for the target element is detected when it is detected that the mouse cursor leaves the element display area where the target element is located; or, configured to determine that a second trigger operation for the target element is detected when it is not detected that the element display area where the target element is located is clicked again within a preset time period after the element display area where the target element is located is clicked.

[0060] In a third aspect, an embodiment of the present application provides an electronic device, including: a processor and a memory;

[0061] The above memory stores a computer program, and the computer program is adapted to be loaded and executed by the above processor to perform the steps of the method provided in the first aspect or any possible implementation manner of the first aspect of the embodiments of the present application.

[0062] In a fourth aspect, an embodiment of the present application provides a computer storage medium, and the above computer storage medium stores multiple instructions, and the above instructions are adapted to be loaded and executed by a processor to perform the steps of the method provided in the first aspect or any possible implementation manner of the first aspect of the embodiments of the present application.

[0063] In the embodiments of the present application, a target document is displayed, and the target document includes multiple elements; when a first trigger operation for a target element among the multiple elements is detected, target annotation content corresponding to the target element is obtained; the target annotation content is displayed; when a second trigger operation for the target element is detected, the display of the target annotation content is closed. By binding elements with annotation content, users can perform corresponding operations on each element in the document to control the display or hiding of the corresponding annotation content. The display of the annotation content is controlled through the first trigger operation, and the hiding of the annotation content is controlled through the second trigger operation, making the display of the annotation content more flexible and accurate. Through this trigger-based display method of annotation content, relevant annotation content will only appear when the element is being focused on, avoiding redundant display information caused by excessive annotation content on the page, making the interaction between the annotation content and the element more intuitive and effective, improving the effectiveness and neatness of the display of the annotation content, providing a more friendly interaction experience for users, and being able to effectively improve the browsing efficiency of users. BRIEF DESCRIPTION OF THE DRAWINGS

[0064] To more clearly illustrate the technical solutions in the embodiments of the present application, the accompanying drawings required for the embodiments will be briefly introduced below. Obviously, the accompanying drawings in the following description are only some embodiments of the present application. For those of ordinary skill in the art, without creative efforts, other accompanying drawings can be obtained based on these drawings.

[0065] Figure 1 It is a schematic structural diagram of a marking content display system provided by an exemplary embodiment of the present application;

[0066] Figure 2 It is a schematic flowchart of a marking content display method provided by an exemplary embodiment of the present application;

[0067] Figure 3 It is a schematic flowchart of a marking method provided by an exemplary embodiment of the present application;

[0068] Figure 4 It is a schematic diagram of a display page provided by an exemplary embodiment of the present application;

[0069] Figure 5 It is a schematic diagram of a page of an input box provided by an exemplary embodiment of the present application;

[0070] Figure 6 It is a schematic structural diagram of a marking content display device provided by an exemplary embodiment of the present application;

[0071] Figure 7 It is a schematic structural diagram of an electronic device provided by an exemplary embodiment of the present application. Detailed implementation manners

[0072] Next, the technical solutions in the embodiments of the present application will be clearly and completely described in conjunction with the accompanying drawings in the embodiments of the present application.

[0073] The terms "first", "second", "third", etc. in the specification and claims of the present application and the above accompanying drawings are used to distinguish different objects, rather than to describe a specific order. In addition, the terms "include" and "have" and any variations thereof are intended to cover non-exclusive inclusion. For example, a process, method, system, product, or device that includes a series of steps or units is not limited to the listed steps or units, but optionally further includes steps or units not listed, or optionally further includes other steps or units inherent to these processes, methods, products, or devices.

[0074] Current online education platforms or online reading platforms usually provide functions such as word highlighting and note-taking, so that users can make personalized marks on the content when reading text. However, there are problems with the accuracy of such annotation functions in actual use. When a user needs to make multiple annotations on a piece of text and there is an overlap between the annotation contents, some annotations cannot be displayed properly because they are covered by other annotations. In addition, when the annotated contents are adjacent, it is difficult to accurately display a specific annotation content, but the user needs to distinguish it from the annotation information in the entire merged area by himself, which reduces the display efficiency of the annotation content and thus affects the user's browsing efficiency. Therefore, this application provides a method for displaying annotation content to solve the technical problem of the display efficiency of annotation content in related technologies.

[0075] Next, please refer to Figure 1 , which exemplarily shows a schematic structural diagram of a system for displaying annotation content provided by an embodiment of this application. As Figure 1 shown, the system includes a terminal device 110, a server device 120, etc. The terminal device 110 and the server device 120 are connected through a network, for example, through a wired or wireless network connection, etc.

[0076] Among them, the terminal device 110 can be used to display a graphical user interface. Among them, the terminal device 110 is used to interact with the user through the graphical user interface. For example, the corresponding client is downloaded and installed on the terminal device 110 and run, for example, by calling the corresponding applet and running, for example, by logging in to a website to present the corresponding graphical user interface, etc. In the embodiment of this application, the terminal device 110 can be a terminal device used by the user to browse the target document.

[0077] In some embodiments, the user can perform a first trigger operation on a target element in the target document on the interface displayed by the terminal device 110. The terminal device 110 then obtains the target annotation content corresponding to the above target element from the server device 120 and displays the target annotation content; the user can also perform a second trigger operation on the target element on the interface displayed by the terminal device 110, and the terminal device 110 then closes the display of the above target annotation content. Among them, the terminal device 110 can be a device such as a smart phone, a computer, a head-mounted display, etc.

[0078] In other embodiments, the above system may only include the terminal device 110. The user can perform a first trigger operation on a target element in the target document on the interface displayed by the terminal device 110. The terminal device 110 then locally obtains the target annotation content corresponding to the above target element and displays the target annotation content; the user can also perform a second trigger operation on the target element on the interface displayed by the terminal device 110, and the terminal device 110 then closes the display of the above target annotation content.

[0079] Optionally, the above terminal device 110 is specifically configured to perform the following steps: display a target document, where the target document includes multiple elements; when a first trigger operation for a target element among the multiple elements is detected, obtain target annotation content corresponding to the target element; display the target annotation content; when a second trigger operation for the target element is detected, close the display of the target annotation content.

[0080] Optionally, the above target document is a document or content displayed in a related system or application.

[0081] Optionally, the target element is any one of the multiple elements.

[0082] Optionally, the target annotation content corresponding to the above target element is pre-annotated data annotated for the target element.

[0083] Optionally, the above first trigger operation may be any at least one of the following: a mouse cursor hovering operation, a mouse cursor clicking operation, and a touch operation.

[0084] An exemplary embodiment of the present application provides a method for displaying annotation content. The method for displaying annotation content may be applied to the above terminal device. For details, please refer to Figure 2 , which exemplarily shows a flowchart of a method for displaying annotation content provided by an embodiment of the present application. As Figure 2 shown, the method for displaying annotation content includes the following S21 - S24:

[0085] S21. Display a target document, where the target document includes multiple elements.

[0086] In some embodiments, the above target document is a document or content displayed in a related system or application. Among them, each of the multiple elements may be any one of the following: text, picture, formula, table, etc. The user can interact with each element. For example, the user can perform operations such as selecting, highlighting, underlining, and annotating at least one of the multiple elements. A character can be an element, and a character is a glyph-like unit or symbol, including letters, numbers, arithmetic symbols, punctuation marks, and other symbols, as well as some functional symbols.

[0087] Specifically, the target document can be learning materials or learning documents in a relevant online learning platform, and the target document can include course content, lecture notes, knowledge points, charts, etc. The online learning platform can provide a question mode and a reading mode. When in the question mode, the online learning platform allows users to perform various interactive operations on the target document, such as selecting specific text, annotating key concepts, highlighting or underlining important paragraphs, etc. These operations can directly affect the content presentation of the target document and generate the target document after the operations. Furthermore, in the reading mode, the user can switch to a simple and focused browsing mode to more conveniently view and learn the target document. At this time, all operations in the question mode (such as annotation, highlighting, etc.) can be visualized in the target document to help the user quickly find the key content during subsequent review and understanding.

[0088] S22. When a first trigger operation for a target element among the above-mentioned multiple elements is detected, obtain the target annotation content corresponding to the target element.

[0089] Among them, the target element is any one of the above-mentioned multiple elements.

[0090] In some embodiments, the above-mentioned first trigger operation can be any at least one of the following: mouse cursor hovering operation, mouse cursor clicking operation, and touch operation. When the terminal device is connected to a mouse, the user can trigger the mouse cursor hovering operation and the mouse cursor clicking operation through the mouse; when the terminal device includes a touch screen, the user can touch the touch screen with a stylus, finger, etc. and trigger the touch operation. In addition, when the above-mentioned target document is displayed on a head-mounted display, the first trigger operation for the target element can also include a first gesture operation, a first gaze operation, a first voice command, etc. for the target element; for example, in a head-mounted display, if the head-mounted display supports eye tracking, the user can trigger the first trigger operation for the target element only through the gaze point of the eyes.

[0091] In some embodiments, for the detection of the first trigger operation, the method further includes: when it is detected that the mouse cursor hovers over the element display area where the target element among the above-mentioned multiple elements is located, it is determined that the first trigger operation for the target element is detected; or, when it is detected that the element display area where the target element among the above-mentioned multiple elements is located is clicked, it is determined that the first trigger operation for the target element is detected.

[0092] Among them, the clicking of the element display area where the target element is located can mean that the user clicks the element display area in any one of the ways of a mouse, a stylus, a finger, etc.

[0093] In some embodiments, the element display area where the above-mentioned target element is located is the area in the target document that displays the target element. Each element has a corresponding element display area, and the user's interaction can be judged through these element display areas. For example, when the user clicks on a display area (such as text or a picture) in the target document, if the clicked position belongs to the element display area of the target element, it is determined that the first trigger operation for the above-mentioned target element is detected, and then the target annotation content corresponding to the above-mentioned target element will be obtained.

[0094] In the embodiments of the present application, by accurately judging whether the user is operating within the element display area of the target element according to the positions of mouse hovering and clicking, false triggering or misjudgment can be avoided, so that the annotation content corresponding to the target element is only displayed when the user clearly interacts with the target element; once the user's behavior is accurately detected, the target annotation content corresponding to the target element can be immediately obtained and displayed, providing more immediate and accurate feedback, and enhancing the accuracy and pertinence of the display of the annotation content.

[0095] In some embodiments, the target annotation content corresponding to the above-mentioned target element is the pre-annotated data marked for the above-mentioned target element. Among them, the target annotation content can include one or more pieces of annotated data, and one piece of annotated data refers to the specific annotation content determined when a marking operation is performed on the target element. If the above-mentioned target annotation content includes one piece of annotated data, it means that the user has only performed one marking operation on the target element; if the above-mentioned target annotation content includes multiple pieces of annotated data, it means that the user has performed multiple marking operations on the target element. The multiple marking operations can include marking operations only for the target element itself, or marking operations for the element combination to which the target element belongs, such as marking operations for the entire sentence to which the target element belongs, or marking operations for the entire paragraph to which the target element belongs, etc.

[0096] S23. Display the above-mentioned target annotation content.

[0097] In some embodiments, a marking sub-page (such as a pop-up window) can be displayed on the current document display page to display the above-mentioned target annotation content through the above-mentioned marking sub-page; or, the target annotation content can be displayed in the form of floating text on the current document display page; or, a sidebar can be displayed on the current document display page to display the above-mentioned target annotation content through the above-mentioned sidebar, etc.

[0098] S24. When the second trigger operation for the above-mentioned target element is detected, close the display of the above-mentioned target annotation content.

[0099] In some embodiments, the above-mentioned second trigger operation may be opposite to the first trigger operation. For example, when the first trigger operation is a mouse cursor hovering operation, the above-mentioned second trigger operation may be an operation of the mouse cursor leaving after hovering; when the first trigger operation is a mouse cursor clicking operation, the above-mentioned second trigger operation may be an operation of not detecting a second click of the mouse cursor after the mouse cursor clicking operation, or may be an operation of detecting a second click of the mouse cursor after the mouse cursor clicking operation; when the first trigger operation is a touch operation, the above-mentioned second trigger operation may be an operation of not detecting a second touch operation after the touch operation. Correspondingly, when the above-mentioned target document is displayed on the head-mounted display, the second trigger operation for the above-mentioned target element may further include a second gesture operation, a second gaze operation, a second voice command, etc. for the target element, where the second gesture operation is different from the first gesture operation, the second gaze operation is different from the first gaze operation, and the second voice command is different from the first voice command. In the head-mounted display, using trigger operations such as gestures, gazes, and voice commands for the target element can make the interaction more natural and convenient, increase the interaction diversity, reduce the burden on the user's hand, and be more comfortable for long-term use.

[0100] In some embodiments, for the detection of the above-mentioned second trigger operation, the method further includes:

[0101] When it is detected that the mouse cursor leaves the element display area where the above-mentioned target element is located, it is determined that the second trigger operation for the above-mentioned target element is detected; or, when it is not detected that the element display area where the above-mentioned target element is located is clicked again within a preset time period after the element display area where the above-mentioned target element is located is clicked, it is determined that the second trigger operation for the above-mentioned target element is detected.

[0102] Wherein, the above-mentioned preset time period is a fixed time period set in advance, and is used to determine whether the user's behavior meets the condition for closing the display of the target annotation content. Optionally, the preset time period can be set by the user himself to improve the personalization of the annotation content display.

[0103] For example, when the first trigger operation is a mouse cursor hovering operation, assuming that the target document includes the word "register", when it is detected that the user controls the mouse cursor to hover over the element display area where the character "cun" in "register" is located, the element "cun" is the target element. At this time, it can be determined that the first trigger operation for the target element is detected, and then the target annotation content corresponding to the target element "cun" can be obtained and the target annotation content can be displayed. Further, if it is detected that the mouse cursor leaves the element display area where the target element "cun" is located, it is determined that the second trigger operation for the target element "cun" is detected, and then the display of the target annotation content is closed.

[0104] In the embodiments of the present application, by accurately identifying the user's interaction methods and behaviors, it is possible to automatically determine whether to close the displayed target annotation content, avoiding unnecessary manual operations and improving the convenience and intelligence of the interaction.

[0105] In the embodiments of the present application, a target document is displayed, and the above target document includes multiple elements; when a first trigger operation for a target element among the above multiple elements is detected, the target annotation content corresponding to the above target element is obtained; the above target annotation content is displayed; when a second trigger operation for the above target element is detected, the display of the above target annotation content is closed. Binding the element to the annotation content enables the user to perform corresponding operations on each element in the document to control the display or hiding of the corresponding annotation content. The display of the annotation content is controlled by the first trigger operation, and the hiding of the annotation content is controlled by the second trigger operation, making the display of the annotation content more flexible and accurate. Through this trigger-based display method of annotation content, only when the element is being focused on, the relevant annotation content will appear, avoiding redundant display information caused by excessive annotation content on the page, making the interaction between the annotation content and the element more intuitive and effective, improving the effectiveness and neatness of the display of the annotation content, providing a more user-friendly interaction experience for the user, and being able to effectively improve the user's browsing efficiency.

[0106] Figure 3 It is a schematic flowchart of a marking method provided for an exemplary embodiment of the present application. In some embodiments, for the marking method of each element in the target document, the above method further includes S301 - S303:

[0107] S301. When a selection operation for a combination of elements to be marked in the above target document is detected, an input box corresponding to the combination of elements to be marked is displayed, and the combination of elements to be marked includes at least one element.

[0108] Among them, the combination of elements to be marked can be a set of selected elements in the target document that need to be marked. The combination of elements to be marked includes at least one consecutive element, that is, multiple elements can be marked as a combination, such as a sentence or a paragraph, etc.

[0109] In some embodiments, the user can perform a selection operation on the combination of elements to be marked in the target document through a mouse or a stylus, etc. When the user performs a selection operation on the combination of elements to be marked, the display area where the combination of elements to be marked is located can be set to a preset color, such as gray.

[0110] S302. The input content of the user is obtained through the above input box, and the above input content is used as the marked data corresponding to the combination of elements to be marked.

[0111] Among them, the input box is a page provided for users to input annotation data. Users can determine the input content within the input box, and the above input content may include input text, pictures, or other data, and then use the input content as the corresponding element to be annotated and combine the corresponding annotated data.

[0112] S303. Determine the annotated data corresponding to the above element to be annotated as the annotated content for each element in the above element to be annotated combination.

[0113] In some embodiments, the annotated content for each element may include one or more annotated data.

[0114] Figure 4 The figure is a schematic diagram of a display page provided by an exemplary embodiment of the present application. As Figure 4 shown, the display page 400 may be a relevant page in an online learning platform. The display page 400 may include a target document display area 401, a video display area 402, a mode switching button 403, learning progress information 404, a platform icon 405, a search box 406, a learning title 407, a user avatar 408, a menu bar 409, a return button 410, etc. Among them, a target document can be displayed in the target document display area 401. For example, Figure 4 the target document includes the following text content: "The function of a register is to store binary codes, and it is composed of flip-flops with storage functions. According to different functions, registers can be divided into two categories: basic registers and shift registers." The video display area 402 is used to display learning videos. Optionally, the learning video displayed in the video display area 402 and the text content of the target document displayed in the target document display area 401 may correspond. For example, the text content of the target document may be the subtitle content of the learning video. The mode switching button 403 is used to switch between the "question mode" and the "reading mode". The learning progress information 404 includes the progress of the content that the user has learned (such as 1%) and the progress of the content that the user has mastered (such as 1%), as well as the total number of knowledge points (100). The platform icon 405 is the icon of the online learning platform. The search box 406 displays the default text "What do you want to learn?" and is used to prompt the user to enter a search term related to the learning content in the search box 406 to search for the corresponding learning content. The learning title 407 represents the title of the current learning content. The user avatar 408 is the avatar of the currently logged-in user account. The menu bar 409 may include menu items such as "Home", "Learning", "Materials", "Knowledge", etc., and is used to provide users with access to the corresponding sub-pages. The return button 410 is used for the user to trigger and return to the previous-level page.

[0115] Taking this Figure 4For example, when a selection operation for the element combination "binary code" to be annotated in the target document is detected, an input box corresponding to the element combination "binary code" to be annotated is displayed. Specifically, the elements included in the element combination to be annotated are: "two", "in", "system", "generation", and "code".

[0116] Figure 5 This is a page schematic diagram of an input box provided by an exemplary embodiment of the present application, as Figure 5 , the input box 500 includes a display area 501 for the element combination to be annotated, an input area 502 for annotation data, a template column 503 for annotation data, a submit button 504, etc. Among them, the display area 501 for the element combination to be annotated is used to display the specific content of the element combination to be annotated, such as the text "binary code". The input area 502 for annotation data is used for the user to input the corresponding annotation data content. The template column 503 for annotation data is used to provide a template for annotation data, such as "What is XXX", "Why XXX", "How to do XXX", or the user can also input annotation data for open-ended questions. The submit button 504 is used for the user to trigger to submit the annotation data content input in the input area 502 for annotation data, and determine the data annotation content as the annotated data corresponding to the element combination to be annotated.

[0117] For example, through the above input box 500, the annotated data corresponding to the element combination "binary code" to be annotated can be obtained as "What is binary code?", and the annotated data "What is binary code?" corresponding to the element combination to be annotated is determined as the annotated content for each element ("two", "in", "system", "generation", and "code") in the above element combination to be annotated.

[0118] Furthermore, assume that a selection operation is detected again for Figure 4 the element combination "store binary code" to be annotated in, and the annotated data corresponding to the element combination "store binary code" to be annotated is obtained as "How to store binary code?" through the corresponding input box. Then, the annotated data "How to store binary code?" corresponding to the element combination "store binary code" to be annotated is determined as the annotated content for each element ("store", "in", "system", "generation", "code") in the above element combination to be annotated. That is to say, another annotation operation is performed on the elements "two", "in", "system", "generation", and "code". Thus, the annotated content for each of the elements "two", "in", "system", "generation", and "code" includes at least two annotated data, namely "What is binary code?" and "How to store binary code?".

[0119] In the embodiments of the present application, by combining multiple elements (such as a passage, statement, or paragraph) into a combined element to be annotated, it is possible to support the unified annotation of multiple related elements. This makes the annotation more accurate, covering the context relationship between elements, thereby improving the accuracy of annotation. In addition, the input box provides rich data input methods, supporting the annotation of text, pictures, or other data. This diverse annotation form can meet the needs in different learning or working scenarios, further improving the flexibility of the system. By annotating the same elements multiple times, it is possible to record and maintain different annotation contents. This means that for the same set of combined elements, annotations from different perspectives or for different questions can be made multiple times, enhancing the richness and depth of the annotated data.

[0120] In some embodiments, for each element, a corresponding relationship between the element content of the element itself and the annotated data corresponding to the element can be constructed and stored, so as to facilitate subsequent querying and displaying the corresponding annotated data based on the content of the element.

[0121] In other embodiments, for each element, a corresponding relationship between the position information of the element itself and the annotated data corresponding to the element can also be constructed and stored, so as to facilitate subsequent querying and displaying the corresponding annotated data based on the position of the element.

[0122] In some embodiments, in the case where the corresponding relationship between the element content of each element and the annotated data corresponding to the element has been pre-constructed, in S22, the obtaining of the target annotation content corresponding to the target element includes S221 - S223:

[0123] S221. Determine the target element content of the target element.

[0124] Among them, the target element content of the target element refers to the specific content contained in the target element itself. When the target element is text, the target element content can be the text itself; when the target element is a picture, the target element content can be the picture identifier used to describe the picture, and the picture identifiers corresponding to the same picture are consistent; when the target element is a formula, the target element content is the specific content of the formula itself.

[0125] S222. Obtain the annotated data corresponding to the target element content.

[0126] In some embodiments, the corresponding relationship between the element content of each element and the annotated data can be stored in a preset database. Specifically, an index or key-value pair can be created to associate the element content with the corresponding annotated data. For example, the element content of each element can be used as the "key", and the annotated data corresponding to the element can be used as the "value".

[0127] In S222, after determining the target element content, the corresponding labeled data can be searched in the database through relevant matching methods (such as database queries, search engines, regular expressions, etc.).

[0128] S223. Determine the labeled data corresponding to the above target element content as the target annotation content corresponding to the above target element.

[0129] In some embodiments, after the labeled data corresponding to the target element content is successfully matched, it can be accessed and extracted through corresponding interfaces. At this time, the labeled data will be used as the target annotation content corresponding to the target element, and then the target annotation content can be displayed.

[0130] In the embodiments of the present application, by associating the target element content with the labeled data and storing them in the database, fast querying and retrieval can be achieved. Using the method of indexes or key-value pairs, the system can quickly obtain the labeled data related to specific target element content when needed, reducing the user waiting time, improving the response speed and processing efficiency of user operations, and thus improving the display efficiency of annotation information.

[0131] In some other embodiments, in the case where the corresponding relationship between the position information of each element itself and the labeled data corresponding to the element is pre-constructed, in S22, obtaining the target annotation content corresponding to the above target element includes S224 - S226:

[0132] S224. Determine the target position information of the above target element, and the above target position information is the position of the above target element in the above target document.

[0133] In some embodiments, in the target document, the position information of each element refers to the physical position of the element in the target document, such as the index in the target document, etc.

[0134] For example, in the target document, the target position information of the target element can be the paragraph number where the target element is located and the number of the target element within the paragraph, which is used to locate the sequential position of the target element in the paragraph. In addition, the target position information can also be represented as the unique number of the target element in the entire target document.

[0135] S225. Obtain the labeled data corresponding to the above target position information.

[0136] In some embodiments, the corresponding relationship between the position information of each element and the labeled data can be stored in a preset database. Specifically, an index or key-value pair can be created to associate the position information of the element with the corresponding labeled data. For example, the position information of each element can be used as the "key", and the labeled data corresponding to the element can be used as the "value".

[0137] In S225, after determining the target position information of the target element, the corresponding labeled data can be searched for in the database through relevant matching methods (such as database queries, search engines, regular expressions, etc.).

[0138] S226. Determine the labeled data corresponding to the above target position information as the target annotation content corresponding to the above target element.

[0139] In some embodiments, after successfully matching the labeled data corresponding to the target element content, it can be accessed and extracted through corresponding interfaces. At this time, the labeled data will be used as the target annotation content corresponding to the target element, and then the target annotation content can be displayed.

[0140] In the embodiments of the present application, by associating the position information of the target element with the labeled data, the position of the annotation content can be accurately located. This is particularly important for the annotation of large-scale documents, which can ensure that the annotation data of each element (such as text, pictures, formulas, etc.) is consistent with its physical position in the document, avoiding the confusion of annotation content. Especially in long or complex documents, the retrieval speed and accuracy can be significantly improved.

[0141] In some embodiments, in S23, the above display of the above target annotation content includes S231 - S232:

[0142] S231. Display the annotation content page, and at least one data display area is included in the above annotation content page.

[0143] In some embodiments, each of the labeled data in the above target annotation content corresponds to a data display area one by one, that is, the data display area is used to display one labeled data, so as to display each labeled data in different areas when there are multiple labeled data in the target annotation content, improving the simplicity of the display page.

[0144] S232. Display each of the labeled data included in the above target annotation content, and the combination of labeled elements corresponding to the above labeled data in each of the above data display areas, where one or more of the above labeled data are included in the above target annotation content.

[0145] In some embodiments, in addition to displaying the labeled data, the combination of labeled elements corresponding to these labeled data can also be displayed.

[0146] Still taking the above Figure 4For example, assume that the target element is the character "zhi" in the text "binary code". Then, it can be determined that the target annotation content corresponding to this target element includes at least the following two annotated data: "What is binary code?" and "How to store binary code?". Accordingly, there can be at least two data display areas on the annotation content page. One data display area is used to display the annotated element combination "binary code" and its corresponding annotated data "What is binary code?", and the other data display area is used to display the annotated element combination "store binary code" and its corresponding annotated data "How to store binary code?".

[0147] In the embodiments of the present application, by displaying the target annotation content in regions, with each data display area corresponding to one annotated data, it is possible to avoid information accumulation and confusion. This method ensures that when the user views the annotated data, they can clearly see the content of each annotation and the associated elements, thereby enhancing the simplicity and usability of the page. In addition, when displaying the annotated data and its corresponding annotated element combination, the user can see the relationship between the annotated data and the element combination on the same page, which enables the user to easily compare how different annotated data are associated with the same or different element combinations, thus better understanding the background and content of the annotation and effectively improving the effectiveness of the display of the annotation information.

[0148] The annotation content display method provided by the present application accurately controls the display and hiding of the target annotation content by detecting the first and second trigger operations performed by the user on the target element, enabling the display or hiding of the annotation content according to the user's operation, thereby avoiding the problems of page overcrowding or information overload. In addition, two methods for obtaining annotation content are provided. One is to obtain the pre-annotated data according to the content of the target element (such as text, picture, or formula), and the other is to obtain the corresponding annotation data according to the position information of the target element in the document. Through these two methods, the annotation content can be accurately corresponded to the specific content or position of the target element, avoiding confusion or missing of the annotation information. Moreover, through database query or other matching methods, the annotation data of each element is made to correspond one by one to the content or position information of the element, thereby ensuring the accuracy and reliability of the annotation data. In addition, when multiple data are annotated for the target element, the system can clearly display these annotation data on the display page, avoiding overlap or occlusion, and by displaying the annotation content and the annotated element combination in regions, each annotation data can be independently displayed, and the user does not need to distinguish them by themselves, greatly improving the user's browsing or learning efficiency.

[0149] Next, please refer to Figure 6 , which is a schematic structural diagram of an annotation content display device provided by an exemplary embodiment of the present application. As Figure 6 shown, the above-mentioned annotation content display device 600 includes:

[0150] The first display module 601 is used to display a target document, and the above target document includes multiple elements;

[0151] The first acquisition module 602 is used to acquire the target annotation content corresponding to the above target element when a first trigger operation for the target element among the above multiple elements is detected;

[0152] The second display module 603 is used to display the above target annotation content;

[0153] The closing module 604 is used to close the display of the above target annotation content when a second trigger operation for the above target element is detected.

[0154] In a possible implementation manner, the target annotation content corresponding to the above target element is the annotated data pre-annotated for the above target element;

[0155] The above device 600 further includes:

[0156] The third display module is used to display an input box corresponding to the above to-be-annotated element combination when a selection operation for the to-be-annotated element combination in the above target document is detected, and the above to-be-annotated element combination includes at least one element;

[0157] The second acquisition module is used to acquire the input content of the user through the above input box and use the above input content as the annotated data corresponding to the above to-be-annotated element combination;

[0158] The first determination module is used to determine the annotated data corresponding to the above to-be-annotated element combination as the annotated content annotated for each element in the above to-be-annotated element combination, and each element in the above multiple elements is any one of the following: text, picture, and formula.

[0159] In a possible implementation manner, the target annotation content corresponding to the above target element is the annotated data pre-annotated for the target element content of the above target element;

[0160] The above first acquisition module 602 includes:

[0161] The first determination unit is used to determine the target element content of the above target element;

[0162] The first acquisition unit is used to acquire the annotated data corresponding to the above target element content;

[0163] The second determination unit is used to determine the annotated data corresponding to the above target element content as the target annotation content corresponding to the above target element.

[0164] In a possible implementation, the target annotation content corresponding to the above target element is the annotated data pre-annotated for the target position information of the above target element;

[0165] The above first acquisition module 602 includes:

[0166] A third determination unit for determining the target position information of the above target element, where the target position information is the position of the above target element in the above target document;

[0167] A second acquisition unit for acquiring the annotated data corresponding to the above target position information;

[0168] A fourth determination unit for determining the annotated data corresponding to the above target position information as the target annotation content corresponding to the above target element.

[0169] In a possible implementation, the above second display module 603 includes:

[0170] A first display unit for displaying an annotation content page, where the annotation content page includes at least one data display area;

[0171] A second display unit for displaying each of the annotated data included in the above target annotation content, and the combination of annotated elements corresponding to the above annotated data in each of the above data display areas, where one or more of the above annotated data are included in the above target annotation content.

[0172] In a possible implementation, the above device 600 further includes:

[0173] A second determination module for determining that a first trigger operation for the above target element is detected when it is detected that the mouse cursor hovers over the element display area where the target element is located among the above multiple elements; or, for determining that a first trigger operation for the above target element is detected when it is detected that the element display area where the target element is located among the above multiple elements is clicked.

[0174] In a possible implementation, the above device 600 further includes:

[0175] A third determination module for determining that a second trigger operation for the above target element is detected when it is detected that the mouse cursor leaves the element display area where the target element is located; or, for determining that a second trigger operation for the above target element is detected when it is not detected that the element display area where the target element is located is clicked again within a preset time period after the element display area where the target element is located is clicked.

[0176] The division of each module in the above-mentioned annotation content display device 600 is only for illustrative purposes. In other embodiments, the annotation content display device may be divided into different modules as needed to complete all or part of the functions of the above-mentioned annotation content display device. In the embodiments of this specification, the implementation of each module in the provided annotation content display device may be in the form of a computer program. This computer program can run on a terminal or a server. The program modules constituted by this computer program can be stored in the memory of the terminal or the server. When this computer program is executed by a processor, all or part of the steps of the annotation content display method described in the embodiments of this specification are implemented.

[0177] Next, please refer to Figure 7 , which is a schematic structural diagram of an electronic device provided by an exemplary embodiment of the present application. As Figure 7 shown, the electronic device 700 may include: a processor 710 and a memory 720, and may further include a user interface 730, a network interface 740, and a communication bus 750.

[0178] Among them, the processor 710 may include one or more processing cores. The processor 710 uses various interfaces and lines to connect various parts within the entire electronic device 700, and by running or executing instructions, programs, code sets, or instruction sets stored in the memory 720, and by calling data stored in the memory 720, it executes various functions of the electronic device 700 and processes data. Optionally, the processor 710 may be implemented in at least one hardware form of digital signal processing (DSP), field-programmable gate array (FPGA), or programmable logic array (PLA). The processor 710 may integrate a combination of one or several of a central processing unit (CPU), a graphics processing unit (GPU), and a modem, etc. Among them, the CPU mainly processes the operating system and application programs, etc.; the GPU is responsible for rendering and drawing the content to be displayed on the display screen; the modem is used to process wireless communication. It can be understood that the above-mentioned modem may not be integrated into the processor 710 and may be implemented separately by a single chip.

[0179] Among them, the memory 720 may include a Random Access Memory (RAM), or may also include a Read-Only Memory. Optionally, the memory 720 includes a non-transitory computer-readable storage medium. The memory 720 can be used to store instructions, programs, codes, code sets or instruction sets. The memory 720 may include a program storage area and a data storage area. Among them, the program storage area can store instructions for implementing the operating system, instructions for at least one function (such as receiving function, control function, etc.), instructions for implementing the above-mentioned various method embodiments, etc.; the data storage area can store the data involved in the above-mentioned various method embodiments. Optionally, the memory 720 may also be at least one storage device located far from the aforementioned processor 710. As Figure 7 shown, in the memory 720 as a computer storage medium, an operating system, a network communication module, a user interface module, and program instructions may be included.

[0180] Optionally, the communication bus 750 is used to implement connection communication between these components. The user interface 730 may include a display screen (Display), a camera (Camera), and may also include a standard wired interface and a wireless interface; the network interface 740 may optionally include a standard wired interface and a wireless interface (such as a WI FI interface).

[0181] In Figure 7 the electronic device 700 shown, the processor 710 may be used to call the program instructions stored in the memory 720 and specifically perform the following operations:

[0182] Display a target document, where the target document includes multiple elements;

[0183] When a first trigger operation for a target element among the multiple elements is detected, obtain the target annotation content corresponding to the target element;

[0184] Display the target annotation content;

[0185] When a second trigger operation for the target element is detected, close the display of the target annotation content.

[0186] In a possible implementation manner, the target annotation content corresponding to the target element is the annotated data pre-annotated for the target element;

[0187] The above method further includes:

[0188] When a selection operation for the combination of elements to be annotated in the above-mentioned target document is detected, an input box corresponding to the combination of elements to be annotated is displayed, and the combination of elements to be annotated includes at least one element;

[0189] Obtain the input content of the user through the above input box, and use the above input content as the annotated data corresponding to the combination of elements to be annotated;

[0190] Determine the annotated data corresponding to the combination of elements to be annotated as the annotated content for each element in the combination of elements to be annotated, and each element in the multiple elements is any one of the following: text, picture, and formula.

[0191] In a possible implementation manner, the target annotation content corresponding to the above target element is the annotated data pre-annotated for the target element content of the above target element;

[0192] The obtaining of the target annotation content corresponding to the above target element includes:

[0193] Determine the target element content of the above target element;

[0194] Obtain the annotated data corresponding to the above target element content;

[0195] Determine the annotated data corresponding to the above target element content as the target annotation content corresponding to the above target element.

[0196] In a possible implementation manner, the target annotation content corresponding to the above target element is the annotated data pre-annotated for the target position information of the above target element;

[0197] The obtaining of the target annotation content corresponding to the above target element includes:

[0198] Determine the target position information of the above target element, and the above target position information is the position of the above target element in the above target document;

[0199] Obtain the annotated data corresponding to the above target position information;

[0200] Determine the annotated data corresponding to the above target position information as the target annotation content corresponding to the above target element.

[0201] In a possible implementation manner, the displaying of the above target annotation content includes:

[0202] Display a annotation content page, and the above annotation content page includes at least one data display area;

[0203] Display each of the labeled data included in the above-mentioned target annotation content and the combination of labeled elements corresponding to the above-mentioned labeled data in each of the above-mentioned data display areas, where one or more of the above-mentioned labeled data are included in the above-mentioned target annotation content.

[0204] In a possible implementation manner, the above method further includes:

[0205] When it is detected that the mouse cursor hovers over the element display area where the target element among the above-mentioned multiple elements is located, determine that a first trigger operation for the above-mentioned target element is detected; or,

[0206] When it is detected that the element display area where the target element among the above-mentioned multiple elements is located is clicked, determine that a first trigger operation for the above-mentioned target element is detected.

[0207] In a possible implementation manner, the above method further includes:

[0208] When it is detected that the mouse cursor leaves the element display area where the target element is located, determine that a second trigger operation for the above-mentioned target element is detected; or,

[0209] When it is not detected that the element display area where the target element is located is clicked again within a preset duration after the element display area where the target element is located is clicked, determine that a second trigger operation for the above-mentioned target element is detected.

[0210] The embodiment of the present application further provides a computer-readable storage medium, in which instructions are stored. When the instructions run on a computer or a processor, the computer or the processor is enabled to execute one or more steps in the above embodiment. If each component module of the above annotation content display device is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in the above computer-readable storage medium.

[0211] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware, or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The above computer program product includes one or more computer instructions. When the above computer program instructions are loaded and executed on a computer, the processes or functions described above in the embodiments of the present application are generated in whole or in part. The above computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices. The above computer instructions can be stored in a computer-readable storage medium or transmitted through the above computer-readable storage medium. The above computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center in a wired manner (such as coaxial cable, optical fiber, Digital Subscriber Line (DSL)) or wirelessly (such as infrared, wireless, microwave, etc.). The above computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more integrated available media. The above available medium can be a magnetic medium (such as a floppy disk, hard disk, magnetic tape), an optical medium (such as a Digital Versatile Disc (DVD)), or a semiconductor medium (such as a Solid State Disk (SSD)), etc.

[0212] Those of ordinary skill in the art can understand that all or part of the processes in the above embodiments of the method can be completed by instructing relevant hardware through a computer program. This program can be stored in a computer-readable storage medium. When this program is executed, it can include the processes of the above embodiments of each method. The foregoing storage medium includes various media that can store program codes, such as ROM, RAM, magnetic disks, or optical discs. Without conflict, the technical features in this embodiment and the implementation solutions can be combined arbitrarily.

[0213] The above-described embodiments are only described as preferred implementation manners of the present application, and do not limit the scope of the present application. Without departing from the design spirit of the present application, various deformations and improvements made by those of ordinary skill in the art to the technical solutions of the present application should fall within the protection scope determined by the claims of the present application.

Claims

1. A method for displaying annotated content, characterized in that: include: Displaying a target document, wherein the target document includes a plurality of elements; When a first trigger operation on a target element among the multiple elements is detected, obtaining target annotation content corresponding to the target element; Displaying the target annotation content; When a second trigger operation for the target element is detected, the display of the target annotation content is closed.

2. The method according to claim 1, characterized in that The target annotation content corresponding to the target element is the annotated data pre-annotated for the target element; The method further comprises: When a selection operation is detected for a combination of elements to be annotated in the target document, an input box corresponding to the combination of elements to be annotated is displayed, wherein the combination of elements to be annotated includes at least one element; Acquire the user's input content through the input box, and use the input content as the annotated data corresponding to the combination of elements to be annotated; The annotated data corresponding to the combination of elements to be annotated are determined as annotated content annotated for each element in the combination of elements to be annotated, and each element in the multiple elements is any one of the following: text, picture and formula.

3. The method according to claim 2, characterized in that The target annotated content corresponding to the target element is annotated data pre-annotated for the target element content of the target element; The obtaining of target annotation content corresponding to the target element includes: Determine the target element content of the target element; Obtaining the labeled data corresponding to the target element content; The annotated data corresponding to the target element content is determined as the target annotated content corresponding to the target element.

4. The method according to claim 2, characterized in that The target annotation content corresponding to the target element is the annotated data pre-annotated for the target position information of the target element; The obtaining of target annotation content corresponding to the target element includes: Determine target position information of the target element, where the target position information is the position of the target element in the target document; Acquire the labeled data corresponding to the target location information; The annotated data corresponding to the target position information is determined as the target annotated content corresponding to the target element.

5. The method according to claim 1, characterized in that The displaying of the target annotation content includes: Displaying a marked content page, wherein the marked content page includes at least one data display area; Each annotated data included in the target annotated content and an annotated element combination corresponding to the annotated data are displayed in each data display area, wherein the target annotated content includes one or more annotated data.

6. The method according to claim 1, characterized in that The method further comprises: When it is detected that the mouse cursor is hovering over the element display area where the target element among the multiple elements is located, it is determined that a first trigger operation for the target element is detected; or, When it is detected that an element display area where a target element among the multiple elements is located is clicked, it is determined that a first trigger operation for the target element is detected.

7. The method according to claim 1, characterized in that The method further comprises: When it is detected that the mouse cursor leaves the element display area where the target element is located, it is determined that a second trigger operation for the target element is detected; or, When the element display area where the target element is located is not detected to be clicked again within a preset time period after it is detected that the element display area where the target element is located is clicked, it is determined that a second trigger operation for the target element is detected.

8. A device for displaying annotated content, characterized in that: include: A first display module, used to display a target document, wherein the target document includes a plurality of elements; A first acquisition module, configured to acquire target annotation content corresponding to a target element among the multiple elements when a first trigger operation on the target element is detected; A second display module is used to display the target annotation content; The closing module is used to close the display of the target annotation content when a second trigger operation on the target element is detected.

9. An electronic device, characterized in that: include: Processor and memory; The memory stores a computer program, and the computer program is suitable for being loaded by the processor and executing the steps of the method according to any one of claims 1 to 7.

10. A computer storage medium, characterized in that: The computer storage medium stores a plurality of instructions, and the instructions are suitable for being loaded by a processor and executing the steps of the method according to any one of claims 1 to 7.

Images