Text editing and displaying method and device, electronic equipment and storage medium

Abstract

The invention discloses a text editing and displaying method and device, electronic equipment and a storage medium. The method comprises the steps of displaying a target panel control in response to a panel display operation, stacking a text display control on a text editing control for each stacking control group, and displaying the text display control and a text display item in the text display control in the target panel control; in response to a display control triggering operation, aiming at a stacking control group where the triggered text display control is located, stacking the text editing control on the text display control, displaying the text editing control, and displaying the text data of the text display item in the text editing control; in response to the text editing operation, determining edited text data, and obtaining a text updating item; and converting the stacking position between the controls, displaying the text display control, and displaying the text update item in the text display control. Conciseness and attractiveness of text display in the panel control can be improved, and the probability of text data mistaken editing is reduced.

Description

Technical Field

[0001] The present invention relates to the field of computer application technology, and in particular to a text editing and display method, device, electronic equipment and storage medium. Background Art

[0002] Common application software are all equipped with data display and editing interfaces, such as member registration interface, user registration interface and user login interface.

[0003] In the related art, text editing controls are usually used, such as a text box Text, a drop-down box Combo or other controls to display and edit text data. Figure 1 , Figure 1 This is a traditional interface diagram for text display and editing provided according to an embodiment of the present invention. Due to the characteristics of the text editing control, such as the background color, border, the drop-down arrow of the drop-down box, and the cursor change when the cursor moves in, the interface appears very messy and the neatness is poor. When there are text data of multiple text editing controls in the interface, each text data is in an editable state, and mis-editing usually occurs. Summary of the invention

[0004] The present invention provides a text editing and display method, device, electronic device and storage medium to solve the technical problems of poor neatness of text display in an interface and high probability of text mis-editing.

[0005] According to one aspect of the present invention, a method for editing and displaying text is provided, wherein the method comprises:

[0006] Determine a target panel control, wherein the target panel control includes a plurality of stacked control groups, each stacked control group includes a text display control and a text editing control, the text display control includes a text display item, and the text display item includes text data;

[0007] In response to the panel display operation, the target panel control is displayed, and for each stacked control group, the text display control is stacked on the text editing control, and the text display control and the text display item in the text display control are displayed in the target panel control;

[0008] In response to a display control triggering operation, for the stacking control group where the triggered text display control is located, stacking the text editing control on the text display control, displaying the text editing control, and displaying the text data of the text display item in the text editing control;

[0009] In response to a text editing operation on the text data in the text editing control, determining the text data after editing, synchronizing the text data after editing to the text display item of the text display control, and obtaining a text update item;

[0010] The text display control is stacked on the text editing control, the text display control is displayed, and the text update item is displayed in the text display control.

[0011] According to another aspect of the present invention, a text editing and display device is provided, wherein the device comprises:

[0012] A control determination module, used for determining a target panel control, wherein the target panel control includes a plurality of stacked control groups, each stacked control group includes a text display control and a text editing control, the text display control includes a text display item, and the text display item includes text data;

[0013] A control display module, for displaying the target panel control in response to a panel display operation, stacking the text display control on the text editing control for each stacked control group, and displaying the text display control and the text display items in the text display control in the target panel control;

[0014] A first text display module is used for responding to a display control trigger operation, for the stacked control group where the triggered text display control is located, stacking the text editing control on the text display control, displaying the text editing control, and displaying the text data of the text display item in the text editing control;

[0015] A text editing module, configured to respond to a text editing operation on the text data in the text editing control, determine the text data that has been edited, synchronize the text data that has been edited to the text display item of the text display control, and obtain a text update item;

[0016] The second text display module is used to stack the text display control on the text editing control, display the text display control, and display the text update item in the text display control.

[0017] According to another aspect of the present invention, an electronic device is provided, the electronic device comprising:

[0018] at least one processor; and

[0019] a memory communicatively connected to the at least one processor; wherein,

[0020] The memory stores a computer program that can be executed by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the text editing and display method described in any embodiment of the present invention.

[0021] According to another aspect of the present invention, a computer-readable storage medium is provided, wherein the computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the text editing and display method described in any embodiment of the present invention when executed.

[0022] The technical solution of the embodiment of the present invention adopts a method of separating text editing and display, that is, when displaying text, the text display control and the text data of the text display items in the text display control are displayed, and when editing text, the text editing control and the editable text data are displayed; the text display is realized by using a text display control with a simpler display form than the text editing control, thereby ensuring the simplicity and beauty of the text display of the target panel control; the present invention only converts the stacking position of the control for the triggered text display control, that is, at the same time, at most only one text editing control is displayed in the target panel control, that is, the text data in only one text editing control is editable, and the text data in other text display controls is not editable, thereby avoiding the mis-editing of text data and reducing the probability of mis-editing of text data.

[0023] It should be understood that the contents described in this section are not intended to identify the key or important features of the embodiments of the present invention, nor are they intended to limit the scope of the present invention. Other features of the present invention will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0024] In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the accompanying drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention. For ordinary technicians in this field, other accompanying drawings can be obtained based on these accompanying drawings without paying creative work.

[0025] Figure 1 This is a traditional interface diagram for text display and editing provided according to an embodiment of the present invention;

[0026] Figure 2 is a flowchart of a text editing and display method provided according to Embodiment 1 of the present invention;

[0027] Figure 3 is a structural diagram of a stacked control group provided according to an embodiment of the present invention;

[0028] Figure 4is a structural diagram of a control stack provided according to an embodiment of the present invention;

[0029] Figure 5 A scene graph for controlling stack position conversion of controls through a target stack layout manager provided according to an embodiment of the present invention;

[0030] Figure 6 This is an example diagram of displaying a text display control and text display items in the text display control in a target panel control provided by an embodiment of the present invention;

[0031] Figure 7 This is an example diagram of displaying a text edit control in a target panel control and displaying text data of a text display item in the text edit control, provided according to an embodiment of the present invention;

[0032] Figure 8 A scene graph for editing text data provided according to an embodiment of the present invention;

[0033] Fig. 9 is an example diagram of displaying the text display control in a target panel control and displaying the text update item in the text display control according to an embodiment of the present invention;

[0034] Fig.10 A scene graph in which the edited text data is empty text provided according to an embodiment of the present invention;

[0035] Fig.11 A scene graph for displaying empty text with a target identifier in a target panel control provided by an embodiment of the present invention;

[0036] Fig.12 A flowchart of a text editing and display method provided in Embodiment 2 of the present invention;

[0037] Fig.13 is an example diagram of a target panel control provided according to an embodiment of the present invention;

[0038] Fig.14 An overall change diagram of the control stacking position conversion corresponding to the overall process of a text editing and displaying method provided by an embodiment of the present invention;

[0039] Fig.15 A scene graph for displaying text data through a drawing board control provided according to an embodiment of the present invention;

[0040] Fig.16 A scene graph for editing text data through a drop-down box control provided according to an embodiment of the present invention;

[0041] Fig.17A scene graph for performing text editing through a multi-text editing control provided according to an embodiment of the present invention;

[0042] Fig.18 is a structural schematic diagram of a text editing and display device provided according to Embodiment 3 of the present invention;

[0043] Fig.19 It is a structural schematic diagram of an electronic device for implementing the text editing and display method of an embodiment of the present invention. DETAILED DESCRIPTION

[0044] In order to enable those skilled in the art to better understand the scheme of the present invention, the technical scheme in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present invention.

[0045] It should be noted that the terms "first", "second", etc. in the specification and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present invention described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0046] Embodiment 1

[0047] Figure 2 A flowchart of a method for editing and displaying text is provided for the first embodiment of the present invention. This embodiment is applicable to the case where text data is edited and displayed in a displayed panel control. The method can be executed by a text editing and display device. The text editing and display device can be implemented in the form of hardware and / or software. The text editing and display device can be configured in a computer. Figure 2 As shown, the method includes:

[0048] S110. Determine a target panel control, wherein the target panel control includes a plurality of stacked control groups, each stacked control group includes a text display control and a text editing control, the text display control includes a text display item, and the text display item includes text data.

[0049] With respect to the embodiments of the present invention, it should be understood that the present invention is based on the Standard Widget Toolkit (SWT) and develops a target panel control that can realize the separation of text editing and display. The target panel control can make the text display more beautiful and neat, and reduce the probability of text editing errors.

[0050] Wherein, the target panel control can be understood as a control container that can accommodate multiple controls. The present invention can control the positions of the multiple controls contained in the target panel control through a layout manager, and can be used to display and edit text. Optionally, the target panel control can accommodate a text display control and a text editing control. The present invention can control the conversion of the stacking position of the text display control and the text editing control through a layout manager during the display and editing of text, so as to realize the separation of display and editing of text.

[0051] In an embodiment of the present invention, the target panel control may be located in a graphical interface.

[0052] The stacked control group may include multiple stacked controls. Figure 3 . Figure 3 1 is a structural diagram of a stacked control group provided according to an embodiment of the present invention, wherein the display layer may represent the text display control, and the editing layer may represent the text editing control.

[0053] The text display control may be used to display the text data of the text display item, wherein the text display item may be understood as a tool item in the text display control for displaying the text data.

[0054] The text data may be understood as data in text form. In the embodiment of the present invention, the text data may be related to the scene requirements, which are specifically limited here. Optionally, the text data may include words, numbers, symbols, etc.

[0055] Exemplarily, the target panel control may be a Composite in SWT, the text editing control may be a Text in SWT, the text display control may be a ToolBar, and the text display item may be a ToolItem of the ToolBar.

[0056] S120. In response to a panel display operation, the target panel control is displayed, and for each stacked control group, the text display control is stacked on top of the text editing control, and the text display control and the text display item in the text display control are displayed in the target panel control.

[0057] The panel display operation can be understood as an operation of displaying the target panel control. In an embodiment of the present invention, the panel display operation can be an operation of starting a graphical interface where the target panel control is located. Specifically, the graphical interface is started to display the target panel control in the graphical interface.

[0058] In an embodiment of the present invention, stacking the text display control on the text editing control can be understood as an operation of making the text display control cover the text editing control and using the text display control as a visual control. Correspondingly, stacking the text editing control on the text display control can be understood as an operation of making the text editing control cover the text display control and using the text editing control as a visual control.

[0059] In the implementation of the present invention, when displaying text data, the text display control is stacked on the text editing control. Figure 3 Correspondingly, when editing text data, the text editing control is stacked on the text display control, refer to Figure 4 , Figure 4 It is a structural diagram of a control stack provided according to an embodiment of the present invention.

[0060] Optionally, stacking the text display control on the text editing control includes:

[0061] The text display control is stacked on the text editing control through a target stack layout manager, wherein when the text display control is stacked on the text editing control, the text display control covers the text editing control.

[0062] The target stack layout manager can be used to control the conversion of the stacking positions of the text display control and the text editing control, refer to Figure 5 . Figure 5 A scene graph for controlling stack position conversion of controls through a target stack layout manager is provided according to an embodiment of the present invention, wherein, exemplarily, the target stack layout manager may be StackLayout in SWT.

[0063] S130. In response to a display control triggering operation, for the stacked control group where the triggered text display control is located, stack the text editing control on top of the text display control, display the text editing control, and display the text data of the text display item in the text editing control.

[0064] The display control trigger operation can be understood as an operation that triggers the text display control or the text display item in the text display control. Optionally, the trigger operation can be a single click or a double click. Figure 6 . Figure 6 The present invention provides an example diagram of displaying a text display control and a text display item in the text display control in a target panel control according to an embodiment of the present invention. In which, car_temp may represent the text display item in the text display control. Exemplarily, the display control trigger operation may be double-clicking car_temp.

[0065] Specifically, in response to the display control triggering operation, for the stacking control group where car_temp is located, the text editing control is stacked on the text display control, the text editing control is displayed, and car_temp is displayed in the text editing control, referring to Figure 7 . Figure 7 This is an example diagram of displaying a text editing control in a target panel control and displaying text data of a text display item in the text editing control according to an embodiment of the present invention.

[0066] In the implementation of the present invention, the stacking position of the controls is converted only for the stacking control group where the text display control triggered in the target panel control is located, and the stacking positions of the controls of other stacking control groups in the target panel control remain unchanged. That is, further, only the text data of the target is in an editable state (the text editing control is stacked on the text display control), and other text data is still in a display state, that is, a non-editable state (the text display control is stacked on the text editing control), thereby achieving the effect of reducing the probability of incorrect editing of text data.

[0067] Optionally, the text editing control displayed in the target panel control includes an editing mark and / or an editing display box.

[0068] In an embodiment of the present invention, the display forms of the text display control and the text editing control in the target panel control may be different. That is, the text editing control displayed in the target panel control includes an edit mark and / or an edit display box. For example, Figure 7 As shown, the editing mark may be an editing flashing key, and the editing display box may be the displayed editing box.

[0069] In the implementation of the present invention, the text display control displayed in the target panel control does not include an edit mark and an edit display box, that is, when the text data is displayed in the target panel control, a more beautiful and neat effect of text display is achieved.

[0070] S140. In response to a text editing operation on the text data in the text editing control, determine the text data whose editing is completed, synchronize the text data whose editing is completed to the text display item of the text display control, and obtain a text update item.

[0071] The text editing operation can be understood as an operation of editing the text data, see Figure 8 . Figure 8 is a scene graph for editing text data provided according to an embodiment of the present invention. Specifically, Figure 8 Yes Figure 7 The scene graph after car_temp in is re-edited to new_var.

[0072] The text update item can be understood as the text display item after the text data is synchronously edited.

[0073] S150: stack the text display control on the text editing control, display the text display control, and display the text update item in the text display control.

[0074] Fig. 9 is an example diagram of displaying the text display control in the target panel control and displaying the text update item in the text display control according to an embodiment of the present invention. Specifically, Fig. 9 Yes Figure 8 The edited new_var is synchronized to the text display item of the text display control, and after obtaining the text update item and converting the control stacking position, the text display control is displayed on the target panel control, and the scene graph of new_var is displayed in the text display control.

[0075] Optionally, the text data includes empty text and / or non-empty text; synchronizing the edited text data to the text display item of the text display control to obtain a text update item includes:

[0076] In the case that the text data after editing is the empty text, a preset target identifier is synchronized to the text display item of the text display control as the text data after editing to obtain a text update item.

[0077] The target identifier can be understood as an identifier indicating that the text data is empty text. In the embodiment of the present invention, the target identifier can be preset according to the scene requirements and is not specifically limited here. Fig.10 and Fig.11 , Fig.10 The present invention provides a scene graph in which the edited text data is empty text. Fig.11A scene graph for displaying empty text with a target identifier in a target panel control is provided according to an embodiment of the present invention.

[0078] In the embodiment of the present invention, the case where the text data to be edited is the empty text is supported.

[0079] Optionally, the determining that the text data has been edited includes:

[0080] In response to an edit completion operation, determining the text data whose editing is completed, wherein the edit completion operation includes a first trigger operation for an edit completion control, or a second trigger operation for other controls except the text editing control corresponding to the edited text data;

[0081] Alternatively, when an editing completion condition is met, it is determined that the text data has been edited, wherein the editing completion condition includes that a third trigger operation exceeds a preset editing threshold.

[0082] The editing completion operation may be understood as an operation indicating that the text data editing is completed, or may be understood as an operation indicating that the text editing operation is ended.

[0083] The editing completion control may be an Enter key on a keyboard. The first trigger operation may be a press operation. The second trigger operation may be a single-click or double-click operation.

[0084] The editing completion condition may be used to determine whether the editing of the text data is completed. The third trigger operation may be an operation of moving the cursor out of the area where the text editing control is located.

[0085] The editing threshold can be understood as a threshold for determining whether the third trigger operation has timed out. In the embodiment of the present invention, the editing threshold can be preset according to the scene requirements and is not specifically limited here. Optionally, the editing threshold can be 1 second, 2 seconds or 3 seconds, etc.

[0086] Specifically, exemplarily, in response to a trigger operation of a user on an Enter key of a keyboard, determining that the editing of the text data is completed, and determining the text data whose editing is completed;

[0087] Alternatively, add an edit end timer. When the cursor moves out of the text editing control Text, start a 3-second timer, and determine that the editing is over after 3 seconds. If the cursor moves into Text within 3 seconds, turn off the timer. If the timer is in the started state, return to the Text to perform text data editing operations, and the timer will restart. Each text editing operation will restart the timer, that is, 3 seconds after the user stops the text editing operation, it is determined that the text data editing is over.

[0088] Alternatively, when the text editing control Text loses focus, it is determined that the text data editing is finished. Exemplarily, when other controls on the graphical interface are clicked, it is determined that the editing is finished. Other controls include other text display controls on the graphical interface. In an embodiment of the present invention, at the same time, at most only one text editing control is displayed in the graphical interface to allow the user to perform an editing operation on the text data.

[0089] The technical solution of the embodiment of the present invention adopts a method of separating text editing and display, that is, when displaying text, the text display control and the text data of the text display items in the text display control are displayed, and when editing text, the text editing control and the editable text data are displayed; the text display is realized by using a text display control with a simpler display form than the text editing control, thereby ensuring the simplicity and beauty of the text display of the target panel control; the present invention only converts the stacking position of the control for the triggered text display control, that is, at the same time, at most only one text editing control is displayed in the target panel control, that is, the text data in only one text editing control is editable, and the text data in other text display controls is not editable, thereby avoiding the mis-editing of text data and reducing the probability of mis-editing of text data.

[0090] Embodiment 2

[0091] Fig.12 This is a flowchart of a text editing and display method provided in the second embodiment of the present invention. This embodiment is an addition to the target panel control described in the above embodiment. Fig.12 As shown, the method includes:

[0092] S210: Determine the target panel control.

[0093] S220: In response to the panel display operation, display the target panel control.

[0094] Optionally, the target panel control includes a plurality of nested panel controls, and each of the nested panel controls corresponds to at least one group of the stacked control groups.

[0095] The nested panel control can be understood as a sub-panel control nested in the target panel control. In an embodiment of the present invention, the type of the nested panel control can be the same as that of the panel control. That is, the nested panel control can also be a Composite in SWT, that is, the Composite itself is also a control and can be placed on other Composites.

[0096] S230: Displaying a plurality of the nested panel controls in the target panel control by using a first layout method.

[0097] The first layout mode can be understood as the layout mode of the nested panel controls in the target panel controls. In the implementation of the present invention, the first layout mode can be preset according to the scene requirements and is not specifically limited here. Specifically, the specific position of each nested panel control in the target panel control can be determined based on the first layout mode.

[0098] S240: For each stacked control group, stack the text display control on top of the text editing control.

[0099] S250. For each of the nested panel controls, in the nested panel control, display the text display control corresponding to the nested panel control and the text display items in the text display control in a second layout manner.

[0100] Among them, the second layout mode can be understood as the layout mode of the controls in the stacked control group in the nested panel control. In the implementation of the present invention, the second layout mode can be preset according to the scene requirements and is not specifically limited here. Specifically, based on the second layout mode, the specific position of each control in the stacked control group in the target panel control can be determined.

[0101] Optionally, after displaying the target panel control, the method further includes:

[0102] In the target panel control, display data of the fixed display item is displayed in a first display manner;

[0103] The displaying of the text display control and the text display item in the text display control in the target panel control includes:

[0104] In the target panel control, the text data of the text display item in the text display control is displayed in a second display manner.

[0105] The fixed display item can be understood as a fixed and non-editable display item, see Fig.13 , Fig.13 : is an example diagram of a target panel control provided according to an embodiment of the present invention, wherein Int, bool and default are fixed display items, and new_var, var1 and var3 are text display items.

[0106] The first display mode can be understood as a display mode for displaying data in a fixed display item. The second display mode can be understood as a display mode for displaying text data in a text display item. In an embodiment of the present invention, the first display mode can be different from the second display mode. For example, Fig.13As shown, the first display mode includes black and red display fonts, and the first display mode includes blue display fonts.

[0107] S260. In response to a display control trigger operation, for the stacked control group where the triggered text display control is located, stack the text editing control on top of the text display control, display the text editing control, and display the text data of the text display item in the text editing control.

[0108] S270. In response to a text editing operation on the text data in the text editing control, determine the text data whose editing is completed, synchronize the text data whose editing is completed to the text display item of the text display control, and obtain a text update item.

[0109] S280: stack the text display control on the text editing control, display the text display control, and display the text update item in the text display control.

[0110] The technical solution of the embodiment of the present invention uses nestable panel controls to implement text editing and display, which can achieve richness and diversity of the interface for displaying and editing text data through the target panel controls.

[0111] Fig.14 The overall change diagram of the control stacking position conversion corresponding to the overall process of a text editing and display method provided by an embodiment of the present invention. Fig.14 As shown, optionally, the overall process of the text editing and display method can be as follows. First, the nouns are uniformly defined before the elaboration, where the display layer can represent the text display control, and the editing layer can represent the text editing control. Based on the above noun definitions, specifically:

[0112] 1. Display the original text data (display to editor).

[0113] Specifically, in response to the user clicking on the text data displayed on the interface (ie, the ToolItem of the display layer ToolBar), the editing layer Text is set as the top layer through StackLayout; and the display of the contained controls is refreshed through Composite.

[0114] 2. Edit the original text data to obtain updated text data (edit).

[0115] Specifically, in response to the user's editing operation on the text data on the editing layer Text, the text data is edited, and when the editing is completed, the edited text data is obtained.

[0116] 3. Display the updated text data (edit to display).

[0117] Specifically, the text data edited on the Text is set to the ToolItem of the display layer ToolBar; the display layer ToolBar is set to the top layer through StackLayout; and the display of the contained controls is refreshed through Composite.

[0118] In the embodiment of the present invention, the display layer may optionally be a drawing board control (Canvas in SWT), that is, Canvas is used as a text display control for displaying text data, which can achieve a richer and more diverse text display effect. Fig.15 , Fig.15 A scene graph for displaying text data through a drawing board control is provided according to an embodiment of the present invention.

[0119] Optionally, the editing layer can also be a drop-down box control (Combo in SWT), that is, Combo is used as a text editing control for editing text data, which can increase the diversity of text data editing methods. Fig.16 , Fig.16 The present invention provides a scene diagram for editing text data through a drop-down box control according to an embodiment of the present invention.

[0120] Optionally, an edit layer can include multiple Texts, see Fig.17 , Fig.17 A scene graph for performing text editing through a multi-text editing control is provided according to an embodiment of the present invention.

[0121] The present invention uses a method of switching the stacking position of the display layer and the editing layer to separate the display and editing of text data in the panel control. When displaying text data, the visual boundary sense of the text editing control can be avoided, and the neatness of the text data display in the interface is improved; when editing text data, the user actively wakes up the text editing control and performs text editing. Except for the target text data, other text data is in a non-editing state. Compared with the traditional method in which each text data is in an editing state in real time, reference Figure 1 The present invention can effectively reduce the occurrence of mis-editing of text data.

[0122] Embodiment 3

[0123] Fig.18 This is a schematic diagram of the structure of a text editing and display device provided by Embodiment 3 of the present invention. Fig.18 As shown, the device includes: a control determination module 310 , a control display module 320 , a first text display module 330 , a text editing module 340 and a second text display module 350 .

[0124] Among them, the control determination module 310 is used to determine the target panel control, wherein the target panel control includes a plurality of stacked control groups, each stacked control group includes a text display control and a text editing control, the text display control includes a text display item, and the text display item includes text data; the control display module 320 is used to display the target panel control in response to the panel display operation, for each of the stacked control groups, the text display control is stacked on the text editing control, and the text display control and the text display item in the text display control are displayed in the target panel control; the first text display module 330 is used to respond to the display control trigger operation, for the triggered The stacking control group where the text display control is located stacks the text editing control on top of the text display control, displays the text editing control, and displays the text data of the text display item in the text editing control; a text editing module 340 is used to respond to the text editing operation on the text data in the text editing control, determine the edited text data, synchronize the edited text data to the text display item of the text display control, and obtain a text update item; a second text display module 350 is used to stack the text display control on top of the text editing control, display the text display control, and display the text update item in the text display control.

[0125] The technical solution of the embodiment of the present invention adopts a method of separating text editing and display, that is, when displaying text, the text display control and the text data of the text display items in the text display control are displayed, and when editing text, the text editing control and the editable text data are displayed; the text display is realized by using a text display control with a simpler display form than the text editing control, thereby ensuring the simplicity and beauty of the text display of the target panel control; the present invention only converts the stacking position of the control for the triggered text display control, that is, at the same time, at most only one text editing control is displayed in the target panel control, that is, the text data in only one text editing control is editable, and the text data in other text display controls is not editable, thereby avoiding the mis-editing of text data and reducing the probability of mis-editing of text data.

[0126] Optionally, the text editing control displayed in the target panel control includes an editing mark and / or an editing display box.

[0127] Optionally, the control display module 320 is specifically used to:

[0128] The text display control is stacked on the text editing control through a target stack layout manager, wherein when the text display control is stacked on the text editing control, the text display control covers the text editing control.

[0129] Optionally, the text editing module 340 is specifically used for:

[0130] In response to an edit completion operation, determining the text data whose editing is completed, wherein the edit completion operation includes a first trigger operation for an edit completion control, or a second trigger operation for other controls except the control corresponding to the edited text data;

[0131] Alternatively, when an editing completion condition is met, it is determined that the text data has been edited, wherein the editing completion condition includes that a third trigger operation exceeds a preset editing threshold.

[0132] Optionally, the target panel control includes a plurality of nested panel controls, and each of the nested panel controls corresponds to at least one group of the stacked control groups;

[0133] Optionally, the control display module 320 further includes: a first layout unit, configured to display a plurality of the nested panel controls in the target panel control by a first layout method after displaying the target panel control;

[0134] The control display module 320 includes: a second layout unit, which is specifically used to display the text display control corresponding to the nested panel control and the text display items in the text display control in the nested panel control through a second layout method.

[0135] Optionally, the control display module 320 further includes: a first display unit, configured to display display data of a fixed display item in the target panel control in a first display manner after displaying the target panel control;

[0136] The control display module 320 includes: a second display unit, which is specifically used to display the text data of the text display item in the text display control in the target panel control by a second display method.

[0137] Optionally, the text data includes empty text and / or non-empty text; the text editing module 340 includes: an empty text editing unit, which is used to synchronize a preset target identifier as the text data after editing to the text display item of the text display control when the text data after editing is the empty text, so as to obtain a text update item.

[0138] The text editing and displaying device provided in the embodiment of the present invention can execute the text editing and displaying method provided in any embodiment of the present invention, and has the corresponding functional modules and beneficial effects of the execution method.

[0139] Embodiment 4

[0140] Fig.19 A schematic diagram of the structure of an electronic device 10 that can be used to implement an embodiment of the present invention is shown. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices (such as helmets, glasses, watches, etc.) and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present invention described and / or required herein.

[0141] like Fig.19 As shown, the electronic device 10 includes at least one processor 11, and a memory connected to the at least one processor 11, such as a read-only memory (ROM) 12, a random access memory (RAM) 13, etc., wherein the memory stores a computer program that can be executed by at least one processor, and the processor 11 can perform various appropriate actions and processes according to the computer program stored in the read-only memory (ROM) 12 or the computer program loaded from the storage unit 18 to the random access memory (RAM) 13. In the RAM 13, various programs and data required for the operation of the electronic device 10 can also be stored. The processor 11, the ROM 12, and the RAM 13 are connected to each other through a bus 14. An input / output (I / O) interface 15 is also connected to the bus 14.

[0142] A number of components in the electronic device 10 are connected to the I / O interface 15, including: an input unit 16, such as a keyboard, a mouse, etc.; an output unit 17, such as various types of displays, speakers, etc.; a storage unit 18, such as a disk, an optical disk, etc.; and a communication unit 19, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 19 allows the electronic device 10 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks.

[0143] The processor 11 may be a variety of general and / or special processing components with processing and computing capabilities. Some examples of the processor 11 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any appropriate processor, controller, microcontroller, etc. The processor 11 executes the various methods and processes described above, such as the text editing and display method.

[0144] In some embodiments, the text editing and display method can be implemented as a computer program, which is tangibly contained in a computer-readable storage medium, such as a storage unit 18. In some embodiments, part or all of the computer program can be loaded and / or installed on the electronic device 10 via the ROM 12 and / or the communication unit 19. When the computer program is loaded into the RAM 13 and executed by the processor 11, one or more steps of the text editing and display method described above can be performed. Alternatively, in other embodiments, the processor 11 can be configured to execute the text editing and display method in any other appropriate manner (for example, by means of firmware).

[0145] Various implementations of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various implementations can include: being implemented in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which can be a special purpose or general purpose programmable processor that can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit data and instructions to the storage system, the at least one input device, and the at least one output device.

[0146] Computer programs for implementing the methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, so that when the computer program is executed by the processor, the functions / operations specified in the flow chart and / or block diagram are implemented. The computer program may be executed entirely on the machine, partially on the machine, partially on the machine and partially on a remote machine as a stand-alone software package, or entirely on a remote machine or server.

[0147] In the context of the present invention, a computer-readable storage medium may be a tangible medium that may contain or store a computer program for use by or in combination with an instruction execution system, device or equipment. A computer-readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or equipment, or any suitable combination of the foregoing. Alternatively, a computer-readable storage medium may be a machine-readable signal medium. 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.

[0148] To provide interaction with a user, the systems and techniques described herein may be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and a pointing device (e.g., a mouse or trackball) through which the user can provide input to the electronic device. Other types of devices may also be used to provide interaction with the user; for example, the feedback provided to the user may be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form (including acoustic input, voice input, or tactile input).

[0149] The systems and techniques described herein may be implemented in a computing system that includes backend components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes frontend components (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such backend components, middleware components, or frontend components. The components of the system may be interconnected by 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), a blockchain network, and the Internet.

[0150] A computing system may include a client and a server. The client and the server are generally remote from each other and usually interact through a communication network. The client and server relationship is generated by computer programs running on the corresponding computers and having a client-server relationship with each other. The server may be a cloud server, also known as a cloud computing server or cloud host, which is a host product in the cloud computing service system to solve the defects of difficult management and weak business scalability in traditional physical hosts and VPS services.

[0151] It should be understood that the various forms of processes shown above can be used to reorder, add or delete steps. For example, the steps described in the present invention can be executed in parallel, sequentially or in different orders, as long as the desired results of the technical solution of the present invention can be achieved, and this document does not limit this.

[0152] The above specific implementations do not constitute a limitation on the protection scope of the present invention. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions can be made according to design requirements and other factors. Any modification, equivalent substitution and improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims

1. A method for editing and displaying text, characterized in that: include: Determine a target panel control, wherein the target panel control includes a plurality of stacked control groups, each stacked control group includes a text display control and a text editing control, the text display control includes a text display item, and the text display item includes text data; In response to the panel display operation, the target panel control is displayed, and for each stacked control group, the text display control is stacked on the text editing control, and the text display control and the text display item in the text display control are displayed in the target panel control; In response to a display control triggering operation, for the stacking control group where the triggered text display control is located, stacking the text editing control on the text display control, displaying the text editing control, and displaying the text data of the text display item in the text editing control; In response to a text editing operation on the text data in the text editing control, determining the text data after editing, synchronizing the text data after editing to the text display item of the text display control, and obtaining a text update item; The text display control is stacked on the text editing control, the text display control is displayed, and the text update item is displayed in the text display control.

2. The method according to claim 1, characterized in that The text editing control displayed in the target panel control includes an editing mark and / or an editing display box.

3. The method according to claim 1, characterized in that: The step of stacking the text display control on the text editing control includes: The text display control is stacked on the text editing control through a target stack layout manager, wherein when the text display control is stacked on the text editing control, the text display control covers the text editing control.

4. The method according to claim 1, characterized in that: The step of determining that the text data has been edited includes: In response to an edit completion operation, determining the text data whose editing is completed, wherein the edit completion operation includes a first trigger operation for an edit completion control, or a second trigger operation for other controls except the control corresponding to the edited text data; Alternatively, when an editing completion condition is met, it is determined that the text data has been edited, wherein the editing completion condition includes that a third trigger operation exceeds a preset editing threshold.

5. The method according to claim 1, characterized in that The target panel control includes a plurality of nested panel controls, each of the nested panel controls corresponds to at least one group of the stacked control groups; After displaying the target panel control, the method further includes: In the target panel control, displaying a plurality of the nested panel controls in a first layout manner; The displaying of the text display control and the text display item in the text display control in the target panel control includes: For each of the nested panel controls, in the nested panel control, the text display control corresponding to the nested panel control and the text display items in the text display control are displayed in a second layout manner.

6. The method according to claim 1, characterized in that After displaying the target panel control, the method further includes: In the target panel control, display data of the fixed display item is displayed in a first display manner; The displaying of the text display control and the text display item in the text display control in the target panel control includes: In the target panel control, the text data of the text display item in the text display control is displayed in a second display manner.

7. The method according to claim 1, characterized in that The text data includes empty text and / or non-empty text; The step of synchronizing the edited text data to the text display item of the text display control to obtain a text update item includes: In the case that the text data after editing is the empty text, a preset target identifier is synchronized to the text display item of the text display control as the text data after editing to obtain a text update item.

8. A text editing and display device, characterized in that: include: A control determination module, used for determining a target panel control, wherein the target panel control includes a plurality of stacked control groups, each stacked control group includes a text display control and a text editing control, the text display control includes a text display item, and the text display item includes text data; A control display module, for displaying the target panel control in response to a panel display operation, stacking the text display control on the text editing control for each stacked control group, and displaying the text display control and the text display items in the text display control in the target panel control; A first text display module is used for responding to a display control trigger operation, for the stacked control group where the triggered text display control is located, stacking the text editing control on the text display control, displaying the text editing control, and displaying the text data of the text display item in the text editing control; A text editing module, configured to respond to a text editing operation on the text data in the text editing control, determine the text data that has been edited, synchronize the text data that has been edited to the text display item of the text display control, and obtain a text update item; The second text display module is used to stack the text display control on the text editing control, display the text display control, and display the text update item in the text display control.

9. An electronic device, characterized in that: The electronic device comprises: at least one processor; and a memory communicatively connected to the at least one processor; wherein, The memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the text editing and display method according to any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the text editing and display method according to any one of claims 1 to 7 when executed.

Images