技术领域Technical field
本申请涉及人工智能领域中的数据处理和人机交互技术，尤其涉及一种内容编辑方法、编辑器的生成方法及其装置、设备和介质。This application relates to data processing and human-computer interaction technology in the field of artificial intelligence, and in particular, to a content editing method, an editor generation method, and its device, equipment, and media.
背景技术Background technique
在如百度百科等知识产品中，经常拥有较多的词条，以为用户提供高效且高质的搜索服务。其中，模块是词条的重要组成部分，比如对明星词条而言，模块包括基本信息栏、参演电影、参演电视剧等。Knowledge products such as Baidu Encyclopedia often have a large number of entries to provide users with efficient and high-quality search services. Among them, the module is an important part of the entry. For example, for the celebrity entry, the module includes the basic information column, participation in movies, participation in TV series, etc.
但是，对现有的模块数据编辑而言，存在以下问题：一是模块数据以富文本为主，各字段没有一个统一的格式，在人工智能时代的今天，机器解析多个格式的数据可能存在障碍，难以二次加工利用上述数据；二是模块编辑器的需求多，开发维护成本高，单个模块编辑器的开发周期长。现有技术中，往往通过JSON格式的配置外加渲染框架，生成模块对应的表单。However, for existing module data editing, there are the following problems: First, module data is mainly rich text, and each field does not have a unified format. In today's era of artificial intelligence, machines may parse data in multiple formats. Obstacles make it difficult to reprocess and utilize the above data; secondly, there are many demands for module editors, high development and maintenance costs, and a long development cycle for a single module editor. In the existing technology, the form corresponding to the module is often generated through JSON format configuration and a rendering framework.
然而，表单的功能与编辑器相比往往相对简单，使用场景多在一些简单的信息收集，如账号注册等，无法适用于百科这类对编辑组件具有更高要求的知识生产的场景中，适用性较低。并且，模块数据以富文本为主，内容形式较为单一。However, the functions of forms are often relatively simple compared with editors. The usage scenarios are mostly for simple information collection, such as account registration, etc., and cannot be applied to knowledge production scenarios such as encyclopedias that have higher requirements for editing components. Lower sex. Moreover, the module data is mainly rich text, and the content form is relatively simple.
发明内容Contents of the invention
本申请旨在至少在一定程度上解决相关技术中的技术问题之一。The present application aims to solve, at least to a certain extent, one of the technical problems in the related art.
本申请提出一种内容编辑方法、编辑器的生成方法及其装置、设备和介质，以实现通过工具栏进行更多操作，根据研发人员的操作，编辑输入组件内的输入内容，得到结构化内容，可显示丰富的内容形式，可以适用于对编辑组件具有较高要求的知识生产的场景中，为研发人员提供丰富便捷的功能，提升该方法的适用性。并且，本申请中，将输入组件内的输入内容，转化为结构化的内容，可以规范数据格式，便于机器分析，提升数据的利用价值。此外，研发人员只需配置各字段以及各字段对应的输入组件，即可自动化生成编辑器界面，提升编辑器的开发效率。This application proposes a content editing method, an editor generation method and its device, equipment and media to enable more operations through the toolbar. According to the operations of the R&D personnel, the input content in the input component is edited to obtain structured content. , can display rich content forms, can be applied to knowledge production scenarios that have higher requirements for editing components, provide R&D personnel with rich and convenient functions, and improve the applicability of this method. Moreover, in this application, the input content in the input component is converted into structured content, which can standardize the data format, facilitate machine analysis, and improve the utilization value of the data. In addition, R&D personnel only need to configure each field and the input component corresponding to each field to automatically generate the editor interface and improve the development efficiency of the editor.
本申请第一方面实施例提出了一种内容编辑方法，包括：The first embodiment of the present application provides a content editing method, including:
在编辑器界面显示设定字段对应的输入组件；Display the input component corresponding to the setting field in the editor interface;
根据所述输入组件的组件类型，在所述编辑器界面显示所述输入组件对应的工具栏；According to the component type of the input component, display the toolbar corresponding to the input component on the editor interface;
获取并显示所述输入组件内的输入内容；Obtain and display the input content in the input component;
响应于对所述工具栏的第一触发操作，编辑所述输入组件内的输入内容，以得到所述设定字段的结构化内容；In response to the first triggering operation on the toolbar, edit the input content in the input component to obtain the structured content of the setting field;
根据设置的富文本转换逻辑，对所述设定字段的所述结构化内容进行排版，得到富文本页面。According to the set rich text conversion logic, the structured content of the set field is typeset to obtain a rich text page.
本申请第二方面实施例提出了一种编辑器的生成方法，包括：The second embodiment of the present application provides a method for generating an editor, including:
获取输入的设定字段，以及对所述设定字段选定的输入组件；Obtain the input setting field and the input component selected for the setting field;
根据所述输入组件的组件类型，确定所述输入组件对应的工具栏，其中，所述工具栏用于编辑对应的所述输入组件内的输入内容，以得到所述设定字段的结构化内容；According to the component type of the input component, the toolbar corresponding to the input component is determined, wherein the toolbar is used to edit the input content in the corresponding input component to obtain the structured content of the setting field ;
根据所述输入组件配置的数据结构，生成编辑器的后台处理逻辑；Generate the background processing logic of the editor according to the data structure configured by the input component;
根据设置的界面样式，对每一输入组件配置的展示结构，以及所述工具栏配置的展示结构进行渲染，得到所述编辑器界面。According to the set interface style, the display structure configured for each input component and the display structure configured for the toolbar are rendered to obtain the editor interface.
本申请第三方面实施例提出了一种内容编辑装置，包括：The third embodiment of the present application provides a content editing device, including:
第一显示模块，用于在编辑器界面显示设定字段对应的输入组件；The first display module is used to display the input component corresponding to the setting field on the editor interface;
第二显示模块，用于根据所述输入组件的组件类型，在所述编辑器界面显示所述输入组件对应的工具栏；a second display module, configured to display the toolbar corresponding to the input component on the editor interface according to the component type of the input component;
第一获取模块，用于获取并显示所述输入组件内的输入内容；The first acquisition module is used to acquire and display the input content in the input component;
编辑模块，用于响应于对所述工具栏的第一触发操作，编辑所述输入组件内的输入内容，以得到所述设定字段的结构化内容；An editing module, configured to edit the input content in the input component in response to the first triggering operation on the toolbar to obtain the structured content of the setting field;
转换模块，用于根据设置的富文本转换逻辑，对所述设定字段的所述结构化内容进行排版，得到富文本页面。The conversion module is used to typeset the structured content of the set field according to the set rich text conversion logic to obtain a rich text page.
本申请第四方面实施例提出了一种编辑器的生成装置，包括：The fourth embodiment of the present application provides an editor generation device, including:
获取模块，用于获取输入的设定字段，以及对所述设定字段选定的输入组件；The acquisition module is used to obtain the input setting field and the input component selected for the setting field;
确定模块，用于根据所述输入组件的组件类型，确定所述输入组件对应的工具栏，其中，所述工具栏用于编辑对应的所述输入组件内的输入内容，以得到所述设定字段的结构化内容；Determining module, configured to determine the toolbar corresponding to the input component according to the component type of the input component, wherein the toolbar is used to edit the input content in the corresponding input component to obtain the setting The structured content of the field;
生成模块，用于根据所述输入组件配置的数据结构，生成编辑器的后台处理逻辑；A generation module, used to generate the background processing logic of the editor based on the data structure configured by the input component;
渲染模块，用于根据设置的界面样式，对每一输入组件配置的展示结构，以及所述工具栏配置的展示结构进行渲染，得到所述编辑器界面。A rendering module is used to render the display structure configured for each input component and the display structure configured for the toolbar according to the set interface style, to obtain the editor interface.
本申请第五方面实施例提出了一种电子设备，包括：The fifth aspect embodiment of this application provides an electronic device, including:
至少一个处理器；以及at least one processor; and
与所述至少一个处理器通信连接的存储器；其中，a memory communicatively connected to the at least one processor; wherein,
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本申请第一方面实施例提出的内容编辑方法，或者，执行本申请第二方面实施例提出的编辑器的生成方法。The memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor, so that the at least one processor can perform the content editing proposed in the embodiment of the first aspect of the present application. method, or execute the editor generation method proposed in the second embodiment of the present application.
本申请第六方面实施例提出了一种计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行本申请第一方面实施例提出的内容编辑方法，或者，执行本申请第二方面实施例提出的编辑器的生成方法。The sixth embodiment of the present application provides a non-transient computer-readable storage medium of computer instructions. The computer instructions are used to cause the computer to execute the content editing method proposed in the first embodiment of the present application, or to execute the present invention. Apply for the editor generation method proposed in the embodiment of the second aspect.
本申请第七方面实施例提出了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现如本申请第一方面实施例提出的内容编辑方法，或者，实现如本申请第二方面实施例提出的编辑器的生成方法。The seventh embodiment of the present application proposes a computer program product, including a computer program. When executed by a processor, the computer program implements the content editing method as proposed in the first embodiment of the present application, or implements the content editing method as proposed by the first aspect of the present application. The second aspect embodiment provides an editor generation method.
上述申请中的一个实施例具有如下优点或有益效果：An embodiment in the above application has the following advantages or beneficial effects:
通过工具栏为研发人员提供丰富便捷的功能，研发人员可以通过工具栏进行更多操作，根据研发人员的操作，编辑输入组件内的输入内容，得到结构化内容，可显示丰富的内容形式，可以适用于对编辑组件具有较高要求的知识生产的场景中，为研发人员提供丰富便捷的功能，提升该方法的适用性。并且，本申请中，将输入组件内的输入内容，转化为结构化的内容，可以规范数据格式，便于机器分析，提升数据的利用价值。此外，研发人员只需配置各字段以及各字段对应的输入组件，即可自动化生成编辑器界面，提升编辑器的开发效率。The toolbar provides rich and convenient functions for R&D personnel. R&D personnel can perform more operations through the toolbar. According to the R&D personnel's operations, the input content in the input component can be edited to obtain structured content, which can display rich content forms. It is suitable for knowledge production scenarios that have high requirements for editing components. It provides rich and convenient functions for R&D personnel and improves the applicability of this method. Moreover, in this application, the input content in the input component is converted into structured content, which can standardize the data format, facilitate machine analysis, and improve the utilization value of the data. In addition, R&D personnel only need to configure each field and the input component corresponding to each field to automatically generate the editor interface and improve the development efficiency of the editor.
应当理解，本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征，也不用于限制本公开的范围。本申请的其它特征将通过以下的说明书而变得容易理解。It should be understood that what is described in this section is not intended to identify key or important features of the embodiments of the present application, nor is it intended to limit the scope of the present disclosure. Other features of the present application will become readily understood from the following description.
附图说明Description of drawings
附图用于更好地理解本方案，不构成对本申请的限定。其中：The accompanying drawings are used to better understand the present solution and do not constitute a limitation of the present application. in:
图1为本申请实施例一所提供的内容编辑方法的流程示意图；Figure 1 is a schematic flow chart of a content editing method provided in Embodiment 1 of the present application;
图2a为本申请实施例中各组件示意图；Figure 2a is a schematic diagram of each component in the embodiment of the present application;
图2b为本申请实施例中各工具项的作用和图标关系示意图；Figure 2b is a schematic diagram of the functions and icon relationships of each tool item in the embodiment of the present application;
图3为本申请实施例中各组件与其对应的工具栏示意图一；Figure 3 is a schematic diagram of each component and its corresponding toolbar in the embodiment of the present application;
图4为本申请实施例中各组件与其对应的工具栏示意图二；Figure 4 is a schematic diagram 2 of each component and its corresponding toolbar in the embodiment of the present application;
图5为本申请实施例二所提供的内容编辑方法的流程示意图；Figure 5 is a schematic flowchart of the content editing method provided in Embodiment 2 of the present application;
图6为本申请实施例三所提供的内容编辑方法的流程示意图；Figure 6 is a schematic flowchart of the content editing method provided in Embodiment 3 of the present application;
图7为本申请实施例中各组件与其对应的工具栏示意图三；Figure 7 is a schematic diagram 3 of each component and its corresponding toolbar in the embodiment of the present application;
图8为本申请实施例四所提供的内容编辑方法的流程示意图；Figure 8 is a schematic flow chart of the content editing method provided in Embodiment 4 of the present application;
图9为本申请实施例五所提供的内容编辑方法的流程示意图；Figure 9 is a schematic flowchart of the content editing method provided in Embodiment 5 of the present application;
图10为本申请实施例中输入组件接入自动渲染框架的结构示意图；Figure 10 is a schematic structural diagram of the input component accessing the automatic rendering framework in the embodiment of the present application;
图11为本申请实施例六所提供的编辑器的生成方法的流程示意图；Figure 11 is a schematic flowchart of the editor generation method provided in Embodiment 6 of the present application;
图12为本申请实施例中自动渲染框架的结构示意图；Figure 12 is a schematic structural diagram of the automatic rendering framework in the embodiment of the present application;
图13为本申请实施例中正文模块的预览图示意图；Figure 13 is a schematic preview of the text module in the embodiment of the present application;
图14为本申请实施例中模块编辑界面示意图一；Figure 14 is a schematic diagram of the module editing interface in the embodiment of the present application;
图15为本申请实施例中模块编辑界面示意图二；Figure 15 is a schematic diagram 2 of the module editing interface in the embodiment of the present application;
图16为本申请实施例七所提供的内容编辑装置的结构示意图；Figure 16 is a schematic structural diagram of a content editing device provided in Embodiment 7 of the present application;
图17为本申请实施例八所提供的内容编辑装置的结构示意图；Figure 17 is a schematic structural diagram of a content editing device provided in Embodiment 8 of the present application;
图18为本申请实施例九所提供的编辑器的生成装置的结构示意图；Figure 18 is a schematic structural diagram of an editor generation device provided in Embodiment 9 of the present application;
图19是用来实现本申请实施例的内容编辑方法或编辑器的生成方法的电子设备的框图。FIG. 19 is a block diagram of an electronic device used to implement the content editing method or the editor generating method according to the embodiment of the present application.
具体实施方式Detailed ways
以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。Exemplary embodiments of the present application are described below in conjunction with the accompanying drawings, which include various details of the embodiments of the present application to facilitate understanding, and they should be considered to be exemplary only. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications can be made to the embodiments described herein without departing from the scope and spirit of the application. Also, descriptions of well-known functions and constructions are omitted from the following description for clarity and conciseness.
下面参考附图描述本申请实施例的内容编辑方法、编辑器的生成方法及其装置、设备和介质。The following describes the content editing method, editor generation method, and apparatus, equipment, and media of the embodiments of the present application with reference to the accompanying drawings.
图1为本申请实施例一所提供的内容编辑方法的流程示意图。Figure 1 is a schematic flowchart of a content editing method provided in Embodiment 1 of the present application.
本申请实施例以该内容编辑方法被配置于内容编辑装置中来举例说明，该内容编辑装置可以应用于任一电子设备中，以使该电子设备可以执行内容编辑功能。The embodiment of the present application takes as an example that the content editing method is configured in a content editing device. The content editing device can be applied to any electronic device, so that the electronic device can perform content editing functions.
其中，电子设备可以为任一具有计算能力的设备，例如可以为个人电脑(PersonalComputer，简称PC)、移动终端、服务器等，移动终端例如可以为手机、平板电脑、个人数字助理、穿戴式设备、车载设备等具有各种操作系统、触摸屏和/或显示屏的硬件设备。The electronic device can be any device with computing capabilities, such as a personal computer (PC), a mobile terminal, a server, etc. The mobile terminal can be, for example, a mobile phone, a tablet computer, a personal digital assistant, a wearable device, Hardware devices such as automotive devices with various operating systems, touch screens and/or displays.
如图1所示，该内容编辑方法可以包括以下步骤：As shown in Figure 1, the content editing method may include the following steps:
步骤101，在编辑器界面显示设定字段对应的输入组件。Step 101: Display the input component corresponding to the setting field on the editor interface.
本申请实施例中，输入组件可以为富文本组件、数字组件、数字输入栏组合(NumberGroup)组件、词条选择(LemmaSelect)组件、时间组件、日期组件、图片上传组件、单选(Radio)组件、选择(Select)组件、科学记数法(ScientificInput)组件、单位(Unit)组件等组件。每个输入组件对应的设定字段为研发人员(或后台工作人员)根据自身需求预先设置的，其中，输入组件不同时，设定字段可以不同，也可以相同，本申请对此并不作限制。In the embodiment of this application, the input component may be a rich text component, a number component, a number input field combination (NumberGroup) component, a term selection (LemmaSelect) component, a time component, a date component, an image upload component, or a radio component. , Select component, Scientific Notation (ScientificInput) component, Unit component and other components. The setting fields corresponding to each input component are preset by the R&D personnel (or backend staff) according to their own needs. When the input components are different, the setting fields can be different or the same, and this application does not limit this.
作为一种示例，参见图2a，区域21中北京纬度对应的为数字组件，区域22中太阳质量对应的为数字组件，区域23中本科专业对应的为富文本组件，区域24中词条选择对应的词条选择组件，区域25中持续周期对应的为日期组件，区域26中图片上传对应的为图片上传组件，区域27中获奖结果对应的为单选组件。As an example, see Figure 2a. In area 21, the latitude of Beijing corresponds to the numeric component. In area 22, the solar mass corresponds to the numeric component. In area 23, the undergraduate major corresponds to the rich text component. In area 24, the term selection corresponds to The entry selection component in area 25 corresponds to the date component, the image upload component in area 26 corresponds to the image upload component, and the winning result in area 27 corresponds to the radio selection component.
步骤102，根据输入组件的组件类型，在编辑器界面显示输入组件对应的工具栏。Step 102: Display the toolbar corresponding to the input component on the editor interface according to the component type of the input component.
本申请实施例中，组件类型可以包括文本类、数字类、日期类等等。应当理解的是，当输入组件不同时，组件类型可以相同，也可以不同。举例而言，如图2a所示，富文本组件对应的组件类型为文本类，日期组件对应的组件类型为日期类，富文本组件和词条选择组件对应的组件类型均可为文本类。In this embodiment of the present application, component types may include text types, number types, date types, etc. It should be understood that when the input components are different, the component types can be the same or different. For example, as shown in Figure 2a, the component type corresponding to the rich text component is the text class, the component type corresponding to the date component is the date class, and the component type corresponding to the rich text component and the term selection component can both be the text class.
本申请实施例中，不同组件类型的组件对应不同的工具栏，作为一种可实现的方式，可以预先设置各组件类型与工具栏之间的对应关系，从而，本申请中，可根据输入组件的组件类型，查询上述对应关系，确定该输入组件对应的工具栏，并在编辑器显示界面显示上述输入组件对应的工具栏。其中，工具栏中可以包括至少一种工具项。In the embodiment of this application, components of different component types correspond to different toolbars. As an implementable method, the corresponding relationship between each component type and the toolbar can be set in advance. Therefore, in this application, the input component can be of the component type, query the above corresponding relationship, determine the toolbar corresponding to the input component, and display the toolbar corresponding to the above input component on the editor display interface. The toolbar may include at least one tool item.
作为一种示例，组件类型与工具栏之间的对应关系可以如表1所示。As an example, the corresponding relationship between component types and toolbars can be as shown in Table 1.
表1Table 1
其中，参考资料，用于为输入组件内的输入内容添加参考资料；内链，用于为输入组件内的输入内容添加网络链接；备注，用于为输入组件内的输入内容添加备注；百分比，用于在数字组件内的输入内容尾部增加百分比符号；科学记数法，用于将输入组件内的数字变为科学记数法的表示形式；约值，用于在输入组件内的输入内容前方添加“约”字；区间，用于将输入组件变为区间形式；时间，用于为日期类的输入组件增加输入时间(时分秒)的控件。Among them, reference materials are used to add reference materials to the input content in the input component; internal links are used to add network links to the input content in the input component; remarks are used to add notes to the input content in the input component; percentage, Used to add a percentage sign at the end of the input content in the numeric component; Scientific notation, used to change the number in the input component into a scientific notation representation; Approximation, used in front of the input content in the input component Add the word "about"; interval, used to change the input component into interval form; time, used to add an input time (hours, minutes, seconds) control for the date input component.
作为一种示例，各工具项的作用和图标可以如图2b所示。As an example, the functions and icons of each tool item can be shown in Figure 2b.
步骤103，获取并显示输入组件内的输入内容。Step 103: Obtain and display the input content in the input component.
本申请实施例中，输入内容可以为文本、数字、图片、音频、视频中的至少一种。In this embodiment of the present application, the input content may be at least one of text, numbers, pictures, audio, and video.
本申请实施例中，研发人员可以根据自身需求，选择一个输入组件，并在该输入组件内输入对应的内容，本申请中记为输入内容。相应的，内容编辑装置可以获取并显示研发人员针对该输入组件输入的内容。In the embodiment of this application, R&D personnel can select an input component according to their own needs and input corresponding content in the input component, which is recorded as input content in this application. Correspondingly, the content editing device can obtain and display the content input by the developer for the input component.
步骤104，响应于对工具栏的第一触发操作，编辑输入组件内的输入内容，以得到设定字段的结构化内容。Step 104: In response to the first triggering operation on the toolbar, edit the input content in the input component to obtain the structured content of the set field.
本申请实施例中，研发人员可以根据自身需求触发工具栏中相应的工具项，相应的，内容编辑装置可以响应于研发人员针对该工具栏的第一触发操作，编辑输入组件内的输入内容，以得到设定字段的结构化内容。In the embodiment of this application, developers can trigger corresponding tool items in the toolbar according to their own needs. Correspondingly, the content editing device can edit the input content in the input component in response to the first trigger operation of the toolbar by the developer, To get the structured content of the set field.
作为一种示例，针对组件类型为文本类的输入组件(以下简称文本类组件)，如图3所示，对应的工具栏包括的工具项为：内链、备注、参考资料。可以提供人机交互接口，供研发人员输入内容，例如，研发人员可在区域31对应的文本类组件的输入栏中输入“周某某”，并点击输入栏上方的内链图标311，为“周某某”这三个字添加网络链接。再例如，研发人员可在区域32对应的文本类组件的输入栏中输入“周某某”，并点击输入栏上方的内链图标311，为“周某某”这三个字添加网络链接，并点击参考资料图标321，以添加参考资料。又例如，研发人员可在区域33对应的文本类组件的输入栏中输入“周某某”，并点击输入栏上方的内链图标311，为“周某某”这三个字添加网络链接，并点击备注图标331，以为“周某某”这三个字添加备注。As an example, for an input component whose component type is text class (hereinafter referred to as text class component), as shown in Figure 3, the corresponding toolbar includes tool items: internal links, notes, and reference materials. A human-computer interaction interface can be provided for R&D personnel to input content. For example, R&D personnel can enter "Zhou Moumou" in the input field of the text component corresponding to area 31, and click the internal link icon 311 above the input field, which is " Add network links to the three words "Zhou Moumou". For another example, the R&D personnel can enter "Zhou XX" in the input field of the text component corresponding to area 32, and click the internal link icon 311 above the input field to add a network link to the three words "Zhou XX". and click the reference icon 321 to add a reference. For another example, the R&D personnel can enter "Zhou XX" in the input field of the text component corresponding to area 33, and click the internal link icon 311 above the input field to add a network link to the three words "Zhou XX". And click the note icon 331 to add notes for the three words "Zhou Moumou".
作为另一种示例，针对组件类型为数字类的输入组件(以下简称数字类组件)，如图4所示，对应的工具栏包括的工具项为：百分比、科学记数法、约值、区间、备注、参考资料。研发人员可在区域41对应的数字类组件的输入栏中输入数字，而后，如区域42所示，研发人员可点击输入栏上方的科学记数法图标421，将数字变为科学记数法形式。As another example, for an input component whose component type is numeric (hereinafter referred to as numeric component), as shown in Figure 4, the corresponding toolbar includes the following tool items: percentage, scientific notation, approximation, and interval , notes, reference materials. R&D personnel can enter numbers in the input field of the numerical component corresponding to area 41, and then, as shown in area 42, R&D personnel can click the scientific notation icon 421 above the input field to change the numbers into scientific notation form. .
也就是说，输入组件旁边可以包括多个按钮，每个按钮对应一个工具项，研发人员可以点击工具栏中相应的按钮，对输入内容进行编辑。In other words, multiple buttons can be included next to the input component, each button corresponding to a tool item, and developers can click the corresponding button in the toolbar to edit the input content.
本申请实施例中，研发人员在输入文本时，可以添加内链、参考资料等，研发人员在输入数字时，可以用科学记数法或者区间等多种形式进行表达，可显示丰富的内容形式，可以适用于百科这类对编辑组件具有较高要求的知识生产的场景中，为研发人员提供丰富便捷的功能，提升该方法的适用性。In the embodiment of this application, when R&D personnel input text, they can add internal links, reference materials, etc. When R&D personnel enter numbers, they can express them in various forms such as scientific notation or intervals, which can display rich content forms. , which can be applied to knowledge production scenarios such as encyclopedias that have high requirements for editing components, providing developers with rich and convenient functions and improving the applicability of this method.
需要说明的是，相关技术中，编辑器数据以富文本为主，各字段没有统一的格式，在人工智能(Artificial Intelligence，简称AI)时代的今天，机器解析多个格式的数据可能存在障碍，难以二次加工利用上述数据。It should be noted that in related technologies, editor data is mainly rich text, and each field does not have a unified format. In today's era of Artificial Intelligence (AI), there may be obstacles for machines to parse data in multiple formats. It is difficult to reprocess and utilize the above data.
而本申请中，将输入组件内的输入内容，转化为结构化的内容，可以规范数据格式，便于机器分析，提升数据的利用价值。例如，可以将输入组件内的富文本内容转化为结构化的Json数据，规范输入内容的数据格式，使得编辑后的各字段具有统一的格式，从而解析器可对所有字段进行正常解析，提升数据的利用价值。In this application, the input content in the input component is converted into structured content, which can standardize the data format, facilitate machine analysis, and improve the utilization value of the data. For example, the rich text content in the input component can be converted into structured Json data, and the data format of the input content can be standardized so that the edited fields have a unified format, so that the parser can parse all fields normally and improve the data utilization value.
步骤105，根据设置的富文本转换逻辑，对设定字段的结构化内容进行排版，得到富文本页面。Step 105: Type the structured content of the set fields according to the set rich text conversion logic to obtain a rich text page.
本申请实施例中，富文本转换逻辑为预先设置的，用于将设定字段的结构化内容排版，以得到富文本页面。其中，富文本转换逻辑，可以预先配置在输入组件对应的数据结构中。从而，本申请中，在得到规范的结构化内容后，可以对输入组件配置的数据结构进行解析，确定设置的富文本转换逻辑，从而可根据设置的富文本转换逻辑，对设定字段的结构化内容进行排版，得到富文本页面。本申请中，工具栏可为研发人员提供丰富便捷的功能，研发人员可以通过工具栏进行更多操作，根据研发人员的操作，编辑输入组件内的输入内容，得到结构化内容，可显示丰富的内容形式，可以适用于百科这类对编辑组件具有较高要求的知识生产的场景中，为研发人员提供丰富便捷的功能，提升该方法的适用性。In the embodiment of this application, the rich text conversion logic is preset and is used to layout the structured content of the set fields to obtain a rich text page. Among them, the rich text conversion logic can be pre-configured in the data structure corresponding to the input component. Therefore, in this application, after obtaining the standardized structured content, the data structure configured by the input component can be parsed to determine the set rich text conversion logic, so that the structure of the set field can be modified according to the set rich text conversion logic. The content is formatted and a rich text page is obtained. In this application, the toolbar can provide rich and convenient functions for R&D personnel. R&D personnel can perform more operations through the toolbar. According to the R&D personnel's operations, the input content in the input component can be edited to obtain structured content, which can display rich The content form can be applied to knowledge production scenarios such as encyclopedias that have higher requirements for editing components, providing developers with rich and convenient functions and improving the applicability of this method.
本申请实施例的内容编辑方法，通过在编辑器界面显示设定字段对应的输入组件，并根据输入组件的组件类型，在编辑器界面显示输入组件对应的工具栏，之后，获取并显示输入组件内的输入内容，并响应于对工具栏的第一触发操作，编辑输入组件内的输入内容，以得到设定字段的结构化内容，最后，根据设置的富文本转换逻辑，对设定字段的结构化内容进行排版，得到富文本页面。本申请中，工具栏可为研发人员提供丰富便捷的功能，研发人员可以通过工具栏进行更多操作，根据研发人员操作，编辑输入组件内的输入内容，得到结构化内容，可显示丰富的内容形式，可以适用于对编辑组件具有较高要求的知识生产的场景中，为研发人员提供丰富便捷的功能，提升该方法的适用性。The content editing method of the embodiment of the present application displays the input component corresponding to the setting field on the editor interface, displays the toolbar corresponding to the input component on the editor interface according to the component type of the input component, and then obtains and displays the input component. The input content in the input component, and in response to the first triggering operation on the toolbar, edit the input content in the input component to obtain the structured content of the set field. Finally, according to the set rich text conversion logic, the set field is modified. Structured content is typeset and a rich text page is obtained. In this application, the toolbar can provide rich and convenient functions for R&D personnel. R&D personnel can perform more operations through the toolbar. According to the R&D personnel's operations, the input content in the input component can be edited to obtain structured content and rich content can be displayed. The form can be applied to knowledge production scenarios that have higher requirements for editing components, providing R&D personnel with rich and convenient functions and improving the applicability of this method.
作为一种可能的实现方式，工具栏可以包括不同的工具项，为了提升内容编辑的效率，可以预先建立不同组件类型与工具项之间的映射关系，在确定输入组件的组件类型后，可查询上述映射关系，得到对应的工具项，操作简单，且易于实现。下面结合实施例二，对上述过程进行详细说明。As a possible implementation method, the toolbar can include different tool items. In order to improve the efficiency of content editing, the mapping relationship between different component types and tool items can be established in advance. After determining the component type of the input component, you can query Based on the above mapping relationship, the corresponding tool items are obtained, which is simple to operate and easy to implement. The above process will be described in detail below with reference to Embodiment 2.
图5为本申请实施例二所提供的内容编辑方法的流程示意图。FIG. 5 is a schematic flowchart of the content editing method provided in Embodiment 2 of the present application.
如图5所示，该内容编辑方法可以包括以下步骤：As shown in Figure 5, the content editing method may include the following steps:
步骤201，在编辑器界面显示设定字段对应的输入组件。Step 201: Display the input component corresponding to the setting field on the editor interface.
步骤201的执行过程，可以参见上述实施例中步骤101的执行过程，在此不做赘述。For the execution process of step 201, please refer to the execution process of step 101 in the above embodiment, which will not be described in detail here.
步骤202，获取组件类型与工具项之间的映射关系。Step 202: Obtain the mapping relationship between component types and tool items.
例如，组件类型与工具项之间的映射关系可以如表1所示。For example, the mapping relationship between component types and tool items can be as shown in Table 1.
步骤203，根据输入组件的组件类型，查询映射关系，得到对应的工具项。Step 203: Query the mapping relationship according to the component type of the input component and obtain the corresponding tool item.
作为一种示例，当组件类型为文本类时，查询表1，可知对应的工具项为：内链、备注、参考资料。As an example, when the component type is a text class, querying Table 1 shows that the corresponding tool items are: internal links, notes, and reference materials.
步骤204，在编辑器界面显示包含工具项的工具栏。Step 204: Display a toolbar containing tool items on the editor interface.
本申请实施例中，在确定输入组件对应的工具项后，可以在编辑器界面显示包含工具项的工具栏。In this embodiment of the present application, after determining the tool item corresponding to the input component, a toolbar containing the tool item may be displayed on the editor interface.
作为一种示例，参见图3中的区域31，编辑器界面显示的输入组件为文本类组件，可在输入栏的上方显示包含工具项的工具栏。As an example, see area 31 in Figure 3. The input component displayed on the editor interface is a text component, and a toolbar containing tool items can be displayed above the input bar.
步骤205，获取并显示输入组件内的输入内容。Step 205: Obtain and display the input content in the input component.
步骤206，响应于对工具栏的第一触发操作，编辑输入组件内的输入内容，以得到设定字段的结构化内容。Step 206: In response to the first triggering operation on the toolbar, edit the input content in the input component to obtain the structured content of the set field.
步骤207，根据设置的富文本转换逻辑，对设定字段的结构化内容进行排版，得到富文本页面。Step 207: Type the structured content of the set fields according to the set rich text conversion logic to obtain a rich text page.
步骤205至207的执行过程可以参见上述实施例中步骤103至105的执行过程，在此不做赘述。The execution process of steps 205 to 207 can be referred to the execution process of steps 103 to 105 in the above embodiment, and will not be described in detail here.
作为一种可能的实现方式，为了提升内容编辑的精准性，研发人员可对工具栏中具体的工具项进行操作，来触发对工具栏的第一触发操作，相应的，在对输入组件内的输入内容进行编辑时，可根据具体的工具项的配置信息，对输入内容进行编辑，以得到结构化内容。下面结合实施例三，对上述过程进行详细说明。As a possible implementation method, in order to improve the accuracy of content editing, developers can operate specific tool items in the toolbar to trigger the first trigger operation on the toolbar. Correspondingly, in the input component When the input content is edited, the input content can be edited according to the configuration information of the specific tool item to obtain structured content. The above process will be described in detail below with reference to Embodiment 3.
图6为本申请实施例三所提供的内容编辑方法的流程示意图。FIG. 6 is a schematic flowchart of a content editing method provided in Embodiment 3 of the present application.
如图6所示，该内容编辑方法可以包括以下步骤：As shown in Figure 6, the content editing method may include the following steps:
步骤301，在编辑器界面显示设定字段对应的输入组件。Step 301: Display the input component corresponding to the setting field on the editor interface.
步骤302，获取组件类型与工具项之间的映射关系。Step 302: Obtain the mapping relationship between component types and tool items.
步骤303，根据输入组件的组件类型，查询映射关系，得到对应的工具项。Step 303: Query the mapping relationship according to the component type of the input component and obtain the corresponding tool item.
步骤304，在编辑器界面显示包含工具项的工具栏。Step 304: Display a toolbar containing tool items on the editor interface.
步骤305，获取并显示输入组件内的输入内容。Step 305: Obtain and display the input content in the input component.
步骤301至305的执行过程，可以参见上述实施例的执行过程，在此不做赘述。For the execution process of steps 301 to 305, please refer to the execution process of the above embodiment, and will not be described in detail here.
步骤306，响应于对工具栏的第一触发操作，从工具栏包含的工具项中，确定执行第一触发操作的第一工具项。Step 306: In response to the first triggering operation on the toolbar, determine the first tool item that performs the first triggering operation from the tool items included in the toolbar.
本申请实施例中，为了提升内容编辑的精准性，研发人员可对工具栏中具体的工具项进行操作，来触发对工具栏的第一触发操作。相应的，内容编辑装置可以响应于研发人员针对工具栏的第一触发操作，从工具栏包含的工具项中，确定执行第一触发操作的第一工具项。In the embodiment of this application, in order to improve the accuracy of content editing, developers can operate specific tool items in the toolbar to trigger the first triggering operation on the toolbar. Correspondingly, the content editing device may, in response to the developer's first triggering operation on the toolbar, determine the first tool item that performs the first triggering operation from the tool items included in the toolbar.
步骤307，查询第一工具项配置的编辑操作。Step 307: Query the editing operation of the first tool item configuration.
本申请实施例中，每个工具项的编辑操作为预先配置的，应当理解的是，当第一工具项不同时，对应的编辑操作可以不同。举例而言，当第一工具项为约值时，编辑操作为在输入内容的前面增加“约”字，又例如，当第一工具项为内链时，编辑操作为对输入内容添加网络链接。In the embodiment of the present application, the editing operation of each tool item is pre-configured. It should be understood that when the first tool item is different, the corresponding editing operation may be different. For example, when the first tool item is an approximate value, the editing operation is to add the word "about" in front of the input content. For example, when the first tool item is an internal link, the editing operation is to add a network link to the input content. .
步骤308，对工具栏对应的输入组件内的输入内容，执行编辑操作，以得到设定字段的结构化内容。Step 308: Perform an editing operation on the input content in the input component corresponding to the toolbar to obtain the structured content of the set field.
本申请实施例中，在对输入组件内的输入内容进行编辑时，可根据第一工具项配置的编辑操作，对输入内容进行编辑，以得到结构化内容。In the embodiment of the present application, when editing the input content in the input component, the input content can be edited according to the editing operation configured by the first tool item to obtain structured content.
作为一种示例，参见图3中的区域31，当研发人员触发的工具项为内链时，可以对输入内容“周某某”增加网络链接。As an example, see area 31 in Figure 3. When the tool item triggered by the developer is an internal link, a network link can be added to the input content "Zhou Moumou".
步骤309，根据设置的富文本转换逻辑，对设定字段的结构化内容进行排版，得到富文本页面。Step 309: Type the structured content of the set fields according to the set rich text conversion logic to obtain a rich text page.
步骤309的执行过程可以参见上述实施例中步骤105的执行过程，在此不做赘述。The execution process of step 309 can be referred to the execution process of step 105 in the above embodiment, and will not be described in detail here.
本申请实施例中，为了提升内容形式显示的丰富性，当第一工具项不同时，可以根据具体的编辑操作，对输入内容进行编辑。In the embodiment of the present application, in order to improve the richness of content form display, when the first tool item is different, the input content can be edited according to specific editing operations.
作为一种可能的实现方式，可以在输入内容中增加设定的字符，以将增加了字符的输入内容作为结构化内容。As a possible implementation method, set characters can be added to the input content, so that the input content with added characters can be used as structured content.
作为一种示例，参见图7，针对组件类型为日期类的输入组件(以下简称日期类组件)，如图7所示，对应的工具栏包括的工具项为：时间、约值、区间、备注、参考资料。研发人员可在区域71对应的日期类组件的输入栏中输入日期。或者，如区域72所示，研发人员在输入日期后，可点击输入栏上方的时间图标721，在日期中添加具体时间，并点击约值图标722，在日期和时间之前，增加“约”字。As an example, see Figure 7. For an input component whose component type is date class (hereinafter referred to as date component), as shown in Figure 7, the corresponding toolbar includes tool items: time, approximate value, interval, and remarks. , reference materials. R&D personnel can enter the date in the input field of the date component corresponding to area 71. Or, as shown in area 72, after entering the date, the R&D personnel can click the time icon 721 above the input field to add a specific time to the date, and click the approximate value icon 722 to add the word "about" before the date and time. .
作为另一种可能的实现方式，可以对输入内容增加标注信息，以将增加了标注信息的输入内容作为结构化内容，其中，标注信息包括网络链接和备注中的至少一个。As another possible implementation, annotation information can be added to the input content to use the input content with the annotation information added as structured content, where the annotation information includes at least one of a network link and a note.
作为一种示例，参见图3，研发人员可在区域31对应的文本类组件的输入栏中输入“周某某”，并点击输入栏上方的内链图标311，为“周某某”这三个字添加网络链接。再例如，研发人员可在区域33对应的文本类组件的输入栏中输入“周某某”，并点击输入栏上方的内链图标311和备注图标331，为“周某某”这三个字添加网络链接和备注。As an example, see Figure 3, the R&D personnel can enter "Zhou Moumou" in the input field of the text component corresponding to area 31, and click the internal link icon 311 above the input field to create the three characters "Zhou Moumou". Add a web link. For another example, the R&D personnel can enter "Zhou Moumou" in the input field of the text component corresponding to area 33, and click the internal link icon 311 and the note icon 331 above the input field to enter the three words "Zhou Moumou" Add web links and notes.
作为又一种可能的实现方式，可以对输入内容进行格式调整，以将格式调整后的输入内容作为结构化内容。As another possible implementation method, the input content can be formatted to use the format-adjusted input content as structured content.
作为一种示例，参见图4，研发人员可在区域41对应的数字类组件的输入栏中输入数字，而后，如区域42所示，研发人员可点击输入栏上方的科学记数法图标421，将数字变为科学记数法。As an example, referring to Figure 4, the R&D personnel can enter numbers in the input field of the numerical component corresponding to area 41, and then, as shown in area 42, the R&D personnel can click the scientific notation icon 421 above the input field, Convert numbers to scientific notation.
需要说明的是，执行编辑操作时，上述三种可实现的方式可以择一执行，或者，也可以择二执行，或者，也可以同时执行，本申请对此并不做限制。举例而言，科学记数法可能仅保留了三四位小数，并不能完全体现输入数据的真实性，因此，当研发人员点击科学记数法图标，将数字变为科学记数法后，还可以点击约值图标，在科学记数法之前，增加“约”字。It should be noted that when performing an editing operation, one of the above three achievable methods can be executed, or two of them can be executed, or they can be executed at the same time. This application does not limit this. For example, scientific notation may only retain three or four decimal places, which does not fully reflect the authenticity of the input data. Therefore, when the developer clicks the scientific notation icon to change the number to scientific notation, the You can click the approximation icon and add the word "approximately" before the scientific notation.
需要说明的是，输入组件如果仅具有一个输入栏可能无法满足研发人员的实际需求，比如，对于富文本组件，如图2a中的区域23所示，在对人物进行介绍时，该人物具有双学位，本科专业仅输入了一个专业，而未输入另一个专业，显然，这样并不能准确对该人物进行描述。或者，对于日期组件，研发人员想要描述某个事件的持续周期，显然一个输入栏仅能输入一个日期，而无法输入一个时间段。因此，本申请中，为了满足研发人员的实际需求，在编辑器界面显示输入组件对应的工具栏之后，可以根据研发人员触发的工具项，增加输入组件的输入栏，将各输入栏中的输入内容，作为结构化内容。由此，在满足研发人员需求的基础上，还可以提升内容编辑的准确性。下面结合实施例四，对上述过程进行详细说明。It should be noted that if the input component only has one input field, it may not meet the actual needs of developers. For example, for a rich text component, as shown in area 23 in Figure 2a, when introducing a character, the character has two Degree, undergraduate major only entered one major, but not another major. Obviously, this does not accurately describe the character. Or, for the date component, the developer wants to describe the duration of an event. Obviously, an input field can only enter a date, but not a time period. Therefore, in this application, in order to meet the actual needs of developers, after the toolbar corresponding to the input component is displayed on the editor interface, the input column of the input component can be added according to the tool items triggered by the developer, and the input in each input column can be added. Content, as structured content. As a result, on the basis of meeting the needs of R&D personnel, the accuracy of content editing can also be improved. The above process will be described in detail below with reference to Embodiment 4.
图8为本申请实施例四所提供的内容编辑方法的流程示意图。FIG. 8 is a schematic flowchart of a content editing method provided in Embodiment 4 of the present application.
如图8所示，该内容编辑方法可以包括以下步骤：As shown in Figure 8, the content editing method may include the following steps:
步骤401，在编辑器界面显示设定字段对应的输入组件。Step 401: Display the input component corresponding to the setting field on the editor interface.
步骤402，根据输入组件的组件类型，在编辑器界面显示输入组件对应的工具栏。Step 402: Display the toolbar corresponding to the input component on the editor interface according to the component type of the input component.
步骤401至402的执行过程可以参见上述实施例中步骤101至102的执行过程，在此不做赘述。The execution process of steps 401 to 402 can be referred to the execution process of steps 101 to 102 in the above embodiment, and will not be described in detail here.
步骤403，响应于对工具栏的第二触发操作，从工具栏包含的工具项中，确定执行第二触发操作的第二工具项。Step 403: In response to the second triggering operation on the toolbar, determine the second tool item that performs the second triggering operation from the tool items included in the toolbar.
本申请实施例中，研发人员可以根据自身需求触发工具栏中相应的工具栏项，相应的，内容编辑装置可以响应于研发人员针对该工具栏的第二触发操作，从工具栏包含的工具项中，确定执行第二触发操作的第二工具项。In the embodiment of the present application, developers can trigger corresponding toolbar items in the toolbar according to their own needs. Correspondingly, the content editing device can respond to the second triggering operation of the toolbar by the developer, selecting the tool items contained in the toolbar. , determine the second tool item that performs the second trigger operation.
步骤404，根据第二工具项，增加输入组件的输入栏。Step 404: Add an input field of the input component according to the second tool item.
作为一种示例，参见图4中的区域43，研发人员可点击输入栏上方的区间图标431，增加输入组件的输入栏。As an example, referring to area 43 in Figure 4, developers can click the interval icon 431 above the input field to add an input field for the input component.
步骤405，获取各输入栏中的输入内容。Step 405: Obtain the input content in each input field.
本申请实施例中，在增加输入组件的输入栏后，研发人员可在各输入栏中输入相应的内容。相应的，内容编辑装置可以获取研发人员在各输入栏中输入的内容。In the embodiment of the present application, after adding input fields of the input component, R&D personnel can input corresponding content in each input field. Correspondingly, the content editing device can obtain the content input by the R&D personnel in each input field.
作为一种示例，参见7中的区域73，研发人员在点击输入栏上方的时间图标721以及区间图标723后，输入栏变为上下两栏，研发人员可以在上下两栏中写入对应的日期，比如可以在上栏写入开始日期为：2019/5/311:22:33，在下栏写入截止日期：2020/5/25 15:57:32，之后，研发人员还可以继续点击输入栏上方的约值图标723，在第一个输入栏内的输入内容之前，增加“约”字。再例如，参见图2a中区域25，研发人员在点击输入栏上方的区间图标后，可以在第一个输入栏内写入开始日期：1994/5/3，在第二个输入栏内写入截止日期：2017/12/21。又例如，参见图4中的区域43，可点击输入栏上方的区间图标431，将科学计数法用区间进行表示。As an example, see area 73 in 7. After the R&D personnel clicks the time icon 721 and the interval icon 723 above the input field, the input field becomes two columns. The R&D personnel can write the corresponding dates in the upper and lower columns. , for example, you can write the start date in the upper column: 2019/5/311:22:33, and the end date in the lower column: 2020/5/25 15:57:32. After that, the R&D personnel can continue to click on the input field. The upper approximation icon 723 adds the word "approximately" before the input content in the first input field. For another example, see area 25 in Figure 2a. After clicking the interval icon above the input field, the R&D personnel can write the start date: 1994/5/3 in the first input field, and write in the second input field Deadline: 2017/12/21. For another example, referring to area 43 in Figure 4, you can click the interval icon 431 above the input field to express scientific notation as intervals.
步骤406，将各输入栏中的输入内容作为结构化内容。Step 406: Use the input content in each input field as structured content.
步骤407，根据设置的富文本转换逻辑，对设定字段的结构化内容进行排版，得到富文本页面。Step 407: Type the structured content of the set fields according to the set rich text conversion logic to obtain a rich text page.
步骤407的执行过程可以参见上述实施例中步骤105的执行过程，在此不做赘述。The execution process of step 407 can be referred to the execution process of step 105 in the above embodiment, and will not be described in detail here.
作为一种可能的实现方式，为了保证数据的规范性，当研发人员在输入组件内输入内容时，可以对数据内容进行数据校验。下面结合实施例五，对上述过程进行详细说明。As a possible implementation method, in order to ensure the standardization of data, when developers enter content in the input component, they can perform data verification on the data content. The above process will be described in detail below with reference to Embodiment 5.
图9为本申请实施例五所提供的内容编辑方法的流程示意图。FIG. 9 is a schematic flowchart of the content editing method provided in Embodiment 5 of the present application.
如图9所示，该内容编辑方法可以包括以下步骤：As shown in Figure 9, the content editing method may include the following steps:
步骤501，在编辑器界面显示设定字段对应的输入组件。Step 501: Display the input component corresponding to the setting field on the editor interface.
步骤502，根据输入组件的组件类型，在编辑器界面显示输入组件对应的工具栏。Step 502: Display the toolbar corresponding to the input component on the editor interface according to the component type of the input component.
步骤501至502的执行过程可以参见上述实施例的执行过程，在此不做赘述。The execution process of steps 501 to 502 can be referred to the execution process of the above embodiment, and will not be described again here.
步骤503，读取输入组件配置的数据结构。Step 503: Read the data structure of the input component configuration.
本申请实施例中，每个输入组件的数据结构为预先配置的。In this embodiment of the present application, the data structure of each input component is preconfigured.
步骤504，每当获取到输入内容，根据数据结构执行校验逻辑，以对输入内容进行数据校验。Step 504: Whenever input content is obtained, verification logic is executed according to the data structure to perform data verification on the input content.
本申请实施例中，当研发人员在输入组件内输入内容时，可以根据数据结构执行校验逻辑，以对输入内容进行校验。In the embodiment of this application, when developers input content into the input component, they can execute verification logic based on the data structure to verify the input content.
作为一种示例，参见图10，可以通过自动渲染框架对输入组件内的输入内容进行校验，其中，自动渲染框架中的展示结构，用于确定输入组件的组件类型，以及该组件类型的一些详细配置，比如工具栏有哪些工具项、输入栏中的提示语等；数据结构，用于对输入内容进行数据校验。当研发人员在输入组件内输入内容时，编辑器组件可以调用自动渲染框架的接口，对输入内容进行数据校验。As an example, referring to Figure 10, the input content in the input component can be verified through the automatic rendering framework. The display structure in the automatic rendering framework is used to determine the component type of the input component and some of the component types. Detailed configuration, such as which tool items are in the toolbar, prompts in the input field, etc.; data structure, which is used to perform data verification on the input content. When developers enter content in the input component, the editor component can call the interface of the automatic rendering framework to perform data verification on the input content.
其中，编辑器组件由编辑器的后台处理逻辑、工具栏、输入组件组合而成。后台处理逻辑不仅可以包含数据的校验逻辑，还可以包含结构化数据到富文本的转换，以及从富文本反解为结构化的数据的功能，即富文本转换逻辑和富文本解析逻辑。Among them, the editor component is composed of the editor's background processing logic, toolbar, and input components. The background processing logic can not only include data verification logic, but also include the conversion of structured data into rich text, and the function of decoding rich text into structured data, that is, rich text conversion logic and rich text parsing logic.
其中，工具栏状态变化是指工具栏中相应工具项的图标被点亮，组件数据变化是指增加约字等，组件类型变化是指样式更改。Among them, the toolbar status change means that the icon of the corresponding tool item in the toolbar is lit, the component data change means adding a word, etc., and the component type change means the style change.
举例而言，参见图2a中的区域21，经纬度仅支持整数，若输入内容为浮点数、分数，则可以确定该输入内容的格式不正确，校验未通过，或者，若输入内容中的经纬度超出预设范围，则可以确定校验未通过。再例如，参见图2a中的区域26，研发人员输入图像的高宽像素需大于或者等于预设像素值(320px*320px)，若输入内容的像素值低于该预设像素值，则可以确定校验未通过。For example, see area 21 in Figure 2a. Longitude and latitude only support integers. If the input content is a floating point number or fraction, it can be determined that the format of the input content is incorrect and the verification fails, or if the longitude and latitude in the input content If it exceeds the preset range, it can be determined that the verification has failed. For another example, see area 26 in Figure 2a. The height and width pixels of the image input by the R&D personnel need to be greater than or equal to the preset pixel value (320px*320px). If the pixel value of the input content is lower than the preset pixel value, it can be determined Verification failed.
步骤505，若校验通过，在输入组件内显示输入内容。Step 505: If the verification passes, the input content is displayed in the input component.
本申请实施例中，为了提升数据的规范性，只有当输入内容校验通过时，才在输入组件内显示输入内容。In the embodiment of the present application, in order to improve the standardization of data, the input content is displayed in the input component only when the input content passes the verification.
进一步地，当输入内容校验未通过时，拒绝显示输入内容，并显示错误提示信息。由此，可以进一步保证数据的规范性，并且，显示错误提示信息，还可以使得研发人员直观地了解到输入内容错误，从而研发人员可以根据错误提示信息重新输入内容，提升输入内容规范的成功率。Further, when the input content verification fails, the input content is refused to be displayed and an error message is displayed. This can further ensure the standardization of data, and displaying error prompt information can also allow R&D personnel to intuitively understand that the input content is incorrect, so that R&D personnel can re-enter content based on the error prompt information, improving the success rate of input content specification. .
步骤506，响应于对工具栏的第一触发操作，编辑输入组件内的输入内容，以得到设定字段的结构化内容。Step 506: In response to the first triggering operation on the toolbar, edit the input content in the input component to obtain the structured content of the set field.
步骤507，根据设置的富文本转换逻辑，对设定字段的结构化内容进行排版，得到富文本页面。Step 507: Type the structured content of the set fields according to the set rich text conversion logic to obtain a rich text page.
步骤506至507的执行过程可以参见上述实施例的执行过程，在此不做赘述。The execution process of steps 506 to 507 can be referred to the execution process of the above embodiment, and will not be described again here.
为了实现上述实施例，本申请还提出一种编辑器的生成方法。In order to implement the above embodiment, this application also proposes a method for generating an editor.
图11为本申请实施例六所提供的编辑器的生成方法的流程示意图。Figure 11 is a schematic flowchart of an editor generation method provided in Embodiment 6 of the present application.
本申请实施例以该编辑器的生成方法被配置于编辑器的生成装置中来举例说明，该编辑器的生成装置可以应用于任一电子设备中，以使该电子设备可以执行编辑器的生成功能。The embodiment of the present application takes as an example that the editor generation method is configured in the editor generation device. The editor generation device can be applied to any electronic device, so that the electronic device can execute the editor generation. Function.
如图11所示，该编辑器的生成方法可以包括以下步骤：As shown in Figure 11, the editor generation method can include the following steps:
步骤601，获取输入的设定字段，以及对设定字段选定的输入组件。Step 601: Obtain the input setting field and the input component selected for the setting field.
本申请实施例中，输入组件为研发人员根据自身需求选定的，设定字段为研发人员针对该设定组件设置的固定字段。其中，输入组件可以为富文本组件、数字组件、数字输入栏组合组件、词条选择组件、时间组件、日期组件、图片上传组件、单选组件、选择组件、科学记数法组件、单位组件等组件。In the embodiment of this application, the input component is selected by the R&D personnel according to their own needs, and the setting fields are fixed fields set by the R&D personnel for the setting component. Among them, the input component can be a rich text component, a number component, a number input field combination component, a term selection component, a time component, a date component, an image upload component, a radio component, a selection component, a scientific notation component, a unit component, etc. components.
步骤602，根据输入组件的组件类型，确定输入组件对应的工具栏，其中，工具栏用于编辑对应的输入组件内的输入内容，以得到设定字段的结构化内容。Step 602: Determine the toolbar corresponding to the input component according to the component type of the input component, where the toolbar is used to edit the input content in the corresponding input component to obtain the structured content of the set field.
本申请实施例中，组件类型可以包括文本类、数字类、日期类等等。应当理解的是，当输入组件不同时，组件类型可以相同，也可以不同。In this embodiment of the present application, component types may include text types, number types, date types, etc. It should be understood that when the input components are different, the component types can be the same or different.
本申请实施例中，不同组件类型的组件对应不同的工具栏，作为一种可实现的方式，可以预先设置各组件类型与工具栏之间的对应关系，从而，本申请中，可根据输入组件的组件类型，查询上述对应关系，确定该输入组件对应的工具栏。其中，工具栏中可以包括至少一种工具项。In the embodiment of this application, components of different component types correspond to different toolbars. As an implementable method, the corresponding relationship between each component type and the toolbar can be set in advance. Therefore, in this application, the input component can be Component type, query the above corresponding relationship, and determine the toolbar corresponding to the input component. The toolbar may include at least one tool item.
本申请实施例中，研发人员在输入组件内输入内容后，研发人员可以根据自身需求触发工具栏中相应的工具项，相应的，编辑器的生成装置可以响应于研发人员针对该工具栏的第一触发操作，编辑输入组件内的输入内容，以得到设定字段的结构化内容。In the embodiment of this application, after the R&D personnel input content in the input component, the R&D personnel can trigger the corresponding tool items in the toolbar according to their own needs. Correspondingly, the editor generating device can respond to the R&D personnel's third click on the toolbar. Once the operation is triggered, the input content in the input component is edited to obtain the structured content of the set field.
作为一种示例，参见图3中的区域31，研发人员可以在文本类组件的输入栏中输入“周某某”，并点击输入栏上方的内链图标311，为“周某某”这三个字添加网络链接。再例如，参见图4中的区域42，当研发人员在输入组件内输入数字后，可以触发工具栏中的工具项—科学记数法，将输入的数字变为科学记数法形式。由此，研发人员在输入文本时，可以添加内链、参考资料等，研发人员在输入数字时，可以用科学记数法或者区间等多种形式表达，可显示丰富的内容形式，可以适用于百科这类对编辑组件具有较高要求的知识生产的场景中，为研发人员提供丰富便捷的功能，提升该方法的适用性。As an example, see area 31 in Figure 3. R&D personnel can enter "Zhou Moumou" in the input field of the text component and click the internal link icon 311 above the input field to create the three characters "Zhou Moumou". Add a web link. For another example, see area 42 in Figure 4. When a developer enters a number in the input component, he or she can trigger the tool item in the toolbar - scientific notation, to change the entered number into scientific notation. Therefore, when R&D personnel enter text, they can add internal links, reference materials, etc. When R&D personnel enter numbers, they can express them in various forms such as scientific notation or intervals, which can display rich content forms and can be applied to In knowledge production scenarios such as encyclopedias that have high requirements for editing components, it provides developers with rich and convenient functions to improve the applicability of this method.
步骤603，根据输入组件配置的数据结构，生成编辑器的后台处理逻辑。Step 603: Generate the background processing logic of the editor based on the data structure configured by the input component.
本申请实施例中，输入组件的数据结构为预先配置的。编辑器的后台处理逻辑，可以用于对输入组件内的输入内容进行校验，以保证数据的规范性和结构化。In this embodiment of the present application, the data structure of the input component is preconfigured. The background processing logic of the editor can be used to verify the input content in the input component to ensure the standardization and structure of the data.
步骤604，根据设置的界面样式，对每一输入组件配置的展示结构，以及工具栏配置的展示结构进行渲染，得到编辑器界面。Step 604: Render the display structure configured for each input component and the display structure configured for the toolbar according to the set interface style to obtain the editor interface.
本申请实施例中，界面样式，是指编辑器界面的界面样式，为预先设置的，可以包括布局信息、配色信息中的至少一个，其中，布局信息例如可以包括普通字段模板、数组字段模板、对象字段模板、左图右文模板等等，配色信息例如可以包括白色主题、黑色主题等。由此，可以保证编辑器界面显示内容的丰富性。In the embodiment of this application, the interface style refers to the interface style of the editor interface, which is preset and may include at least one of layout information and color matching information. The layout information may include, for example, a common field template, an array field template, Object field templates, left picture and right text templates, etc. The color matching information may include white theme, black theme, etc., for example. This ensures the richness of content displayed on the editor interface.
目前，编辑器的需求较高，例如，百科目前具有1000多种基本信息栏和20多个正文模块，单个模块编辑器的开发周期为2周左右，开发维护成本高。Currently, the demand for editors is high. For example, Encyclopedia currently has more than 1,000 basic information columns and more than 20 text modules. The development cycle of a single module editor is about 2 weeks, and the development and maintenance costs are high.
而本申请实施例中，界面样式为预先设置的，根据设置的界面样式，对每一输入组件配置的展示结构，以及工具栏配置的展示结构进行渲染，得到编辑器界面。由此，根据配置信息，将输入组件、渲染规则和校验规则等组合，自动生成编辑器，即通过配置即可渲染出编辑器界面，可以将单个编辑器的开发周期由2周降低到2天，极大地降低编辑器的开发成本和维护成本，并且，还可以避免通过手动编写的方式，将输入组件、校验规则、渲染方式进行组合，来生成对应的编辑器界面，而造成工作量巨大的情况。In the embodiment of the present application, the interface style is preset. According to the set interface style, the display structure configured for each input component and the display structure configured for the toolbar are rendered to obtain the editor interface. Therefore, according to the configuration information, the input components, rendering rules and verification rules are combined to automatically generate an editor. That is, the editor interface can be rendered through configuration, which can reduce the development cycle of a single editor from 2 weeks to 2 weeks. It greatly reduces the development and maintenance costs of the editor, and also avoids the workload of combining input components, verification rules, and rendering methods through manual writing to generate the corresponding editor interface. Huge situation.
本申请实施例的编辑器的生成方法，通过获取输入的设定字段，以及对设定字段选定的输入组件，并根据输入组件的组件类型，确定输入组件对应的工具栏，其中，工具栏用于编辑对应的输入组件内的输入内容，以得到设定字段的结构化内容；之后，根据输入组件配置的数据结构，生成编辑器的后台处理逻辑，最后，根据设置的界面样式，对每一输入组件配置的展示结构，以及工具栏配置的展示结构进行渲染，得到编辑器界面。本申请中，工具栏可为研发人员提供丰富便捷的功能，研发人员可以通过工具栏进行更多操作，根据研发人员操作，编辑输入组件内的输入内容，得到结构化内容，可显示丰富的内容形式，可以适用于对编辑组件具有较高要求的知识生产的场景中，为研发人员提供丰富便捷的功能，提升该方法的适用性。此外，研发人员只需配置各字段以及各字段对应的输入组件，即可自动化生成编辑器界面，提升编辑器的开发效率。The editor generation method of the embodiment of the present application obtains the input setting field and the input component selected for the setting field, and determines the toolbar corresponding to the input component according to the component type of the input component, where the toolbar Used to edit the input content in the corresponding input component to obtain the structured content of the set field; then, based on the data structure configured by the input component, the background processing logic of the editor is generated. Finally, according to the set interface style, each The display structure of the input component configuration and the display structure of the toolbar configuration are rendered to obtain the editor interface. In this application, the toolbar can provide rich and convenient functions for R&D personnel. R&D personnel can perform more operations through the toolbar. According to the R&D personnel's operations, the input content in the input component can be edited to obtain structured content and rich content can be displayed. The form can be applied to knowledge production scenarios that have higher requirements for editing components, providing developers with rich and convenient functions and improving the applicability of this method. In addition, R&D personnel only need to configure each field and the input component corresponding to each field to automatically generate the editor interface and improve the development efficiency of the editor.
作为一种示例，图10中的自动渲染框架的结构可以如图12所示，其中，输入为数据结构、展示结构，输出为编辑器。结构解析器，用于解析每个字段对应的数据结构、展示结构，数据结构和展示结构中包含了渲染和校验规则，渲染规则包含渲染器、布局信息和配色信息这三方面，通过配置信息，将这三方面进行组合来最终渲染出编辑器界面。底部的基础库用于执行底层业务逻辑，其中，结构化编辑器组件库，用于生成自动渲染框架中的渲染器，react-jsonschema-form(一种从数据结构中构建HTML表单)用于辅助解析结构。As an example, the structure of the automatic rendering framework in Figure 10 can be as shown in Figure 12, where the input is a data structure and a display structure, and the output is an editor. The structure parser is used to parse the data structure and display structure corresponding to each field. The data structure and display structure contain rendering and verification rules. The rendering rules include three aspects: renderer, layout information and color matching information. Through configuration information , combine these three aspects to finally render the editor interface. The basic library at the bottom is used to execute the underlying business logic. Among them, the structured editor component library is used to generate renderers in the automatic rendering framework, and react-jsonschema-form (a way to build HTML forms from data structures) is used to assist. Parse structure.
作为一种可能的实现方式，为了提升输入内容的规范性，本申请中，后台处理逻辑可以包括校验逻辑，其中，校验逻辑，用于对输入组件内的输入内容进行校验。As a possible implementation manner, in order to improve the standardization of the input content, in this application, the background processing logic may include verification logic, where the verification logic is used to verify the input content in the input component.
举例而言，参见图2a中的区域21，经纬度仅支持整数，若输入内容为浮点数、分数，则可以确定该输入内容的格式不正确，校验未通过，或者，若输入内容中的经纬度超出预设范围，则可以确定校验未通过。For example, see area 21 in Figure 2a. Longitude and latitude only support integers. If the input content is a floating point number or fraction, it can be determined that the format of the input content is incorrect and the verification fails, or if the longitude and latitude in the input content If it exceeds the preset range, it can be determined that the verification has failed.
作为另一种可能的实现方式，为了提升数据处理能力，本申请中，后台处理逻辑除了包含数据校验能力外，还可以包含结构化数据到富文本的转换，以及从富文本反解为结构化的数据的功能。具体地，后台处理逻辑可以还包括：富文本转换逻辑和/或富文本解析逻辑；其中，富文本转换逻辑，用于将设定字段的结构化内容排版，以得到富文本页面；富文本解析逻辑，用于将输入的富文本内容解析为各内容字段和对应的结构化内容。As another possible implementation method, in order to improve data processing capabilities, in this application, in addition to data verification capabilities, the background processing logic can also include the conversion of structured data into rich text, and the decoding of rich text into structures. ized data functions. Specifically, the background processing logic may also include: rich text conversion logic and/or rich text parsing logic; where the rich text conversion logic is used to format the structured content of the set fields to obtain a rich text page; rich text parsing Logic, used to parse the input rich text content into each content field and corresponding structured content.
作为一种示例，百科目前具有1000多种基本信息栏和20多个正文模块，其中，正文模块的预览图可以如图13所示，正文模块可包括参演电影、演员表、杂志写真、参演电视剧等，研发人员可根据实际情况，利用模块编辑器对参演电影、演员表、杂志写真等进行修改，例如，参见图14，当研发人员想要对参演电影中的《生活多美好》进行编辑或者修改时，可以利用模块编辑器，在模块编辑界面，即编辑器界面对应的各组件中输入相应的内容。再例如，参见图15，当研发人员想要对杂志写真中的《ELLE世界服装之苑》进行编辑时，同样可以利用模块编辑器在各组件中输入相应的内容。研发人员完成编辑后，可以点击保存按钮，以得到更新后的富文本页面。As an example, the encyclopedia currently has more than 1,000 basic information columns and more than 20 text modules. The preview of the text module can be shown in Figure 13. The text module can include participating movies, cast lists, magazine photos, participation When starring in TV series, etc., the R&D personnel can use the module editor to modify the participating movies, cast lists, magazine photos, etc. according to the actual situation. For example, see Figure 14. When the R&D personnel want to modify the participating movies "It's a Wonderful Life" 》When editing or modifying, you can use the module editor to enter the corresponding content in the module editing interface, that is, in each component corresponding to the editor interface. For another example, see Figure 15. When the R&D personnel want to edit the "ELLE World Clothing Garden" in the magazine photo, they can also use the module editor to enter the corresponding content in each component. After the developer completes editing, he or she can click the save button to get the updated rich text page.
为了实现上述实施例，本申请还提出一种内容编辑装置。In order to implement the above embodiments, this application also proposes a content editing device.
图16为本申请实施例七所提供的内容编辑装置的结构示意图。Figure 16 is a schematic structural diagram of a content editing device provided in Embodiment 7 of the present application.
如图16所示，该内容编辑装置1600包括：第一显示模块1610、第二显示模块1620、第一获取模块1630、编辑模块1640以及转换模块1650。As shown in FIG. 16 , the content editing device 1600 includes: a first display module 1610 , a second display module 1620 , a first acquisition module 1630 , an editing module 1640 and a conversion module 1650 .
其中，第一显示模块1610，用于在编辑器界面显示设定字段对应的输入组件。Among them, the first display module 1610 is used to display the input component corresponding to the setting field on the editor interface.
第二显示模块1620，用于根据输入组件的组件类型，在编辑器界面显示输入组件对应的工具栏。The second display module 1620 is configured to display the toolbar corresponding to the input component on the editor interface according to the component type of the input component.
第一获取模块1630，用于获取并显示输入组件内的输入内容。The first acquisition module 1630 is used to acquire and display the input content in the input component.
编辑模块1640，用于响应于对工具栏的第一触发操作，编辑输入组件内的输入内容，以得到设定字段的结构化内容。The editing module 1640 is configured to edit the input content in the input component in response to the first triggering operation on the toolbar to obtain the structured content of the set field.
转换模块1650，用于根据设置的富文本转换逻辑，对设定字段的结构化内容进行排版，得到富文本页面。The conversion module 1650 is used to format the structured content of the set fields according to the set rich text conversion logic to obtain a rich text page.
进一步地，在本申请实施例的一种可能的实现方式中，参见图17，在图16所示实施例的基础上，该内容编辑装置1600还可以包括：Further, in a possible implementation manner of the embodiment of the present application, referring to Figure 17, based on the embodiment shown in Figure 16, the content editing device 1600 may also include:
第二显示模块1620，包括：The second display module 1620 includes:
获取单元1621，用于获取组件类型与工具项之间的映射关系；Obtaining unit 1621, used to obtain the mapping relationship between component types and tool items;
第一查询单元1622，用于根据输入组件的组件类型，查询映射关系，得到对应的工具项；The first query unit 1622 is used to query the mapping relationship according to the component type of the input component to obtain the corresponding tool item;
第一显示单元1623，用于在编辑器界面显示包含工具项的工具栏。The first display unit 1623 is used to display a toolbar containing tool items on the editor interface.
编辑模块1640，包括：Editing module 1640, including:
确定单元1641，用于响应于对工具栏的第一触发操作，从工具栏包含的工具项中，确定执行第一触发操作的第一工具项。The determining unit 1641 is configured to, in response to the first triggering operation on the toolbar, determine the first tool item that performs the first triggering operation from the tool items contained in the toolbar.
第二查询单元1642，用于查询第一工具项配置的编辑操作。The second query unit 1642 is used to query the editing operation of the first tool item configuration.
执行单元1643，用于对工具栏对应的输入组件内的输入内容，执行编辑操作，以得到设定字段的结构化内容。The execution unit 1643 is used to perform an editing operation on the input content in the input component corresponding to the toolbar to obtain the structured content of the set field.
作为一种可能的实现方式，执行单元1643，具体用于：在输入内容中增加设定的字符，以将增加了字符的输入内容作为结构化内容；和/或，对输入内容增加标注信息，以将增加了标注信息的输入内容作为结构化内容，其中，标注信息包括网络链接和备注中的至少一个；和/或，对输入内容进行格式调整，以将格式调整后的输入内容作为结构化内容。As a possible implementation, the execution unit 1643 is specifically configured to: add set characters to the input content, so that the input content with the added characters is used as structured content; and/or add annotation information to the input content, The input content with added annotation information is regarded as structured content, wherein the annotation information includes at least one of network links and remarks; and/or the input content is formatted, so that the format-adjusted input content is regarded as structured content. content.
确定模块1660，用于响应于对工具栏的第二触发操作，从工具栏包含的工具项中，确定执行第二触发操作的第二工具项。The determining module 1660 is configured to, in response to the second triggering operation on the toolbar, determine a second tool item that performs the second triggering operation from the tool items contained in the toolbar.
增加模块1670，用于根据第二工具项，增加输入组件的输入栏。The adding module 1670 is used to add an input field of the input component according to the second tool item.
第二获取模块1680，用于获取各输入栏中的输入内容。The second acquisition module 1680 is used to acquire the input content in each input field.
处理模块1690，用于将各输入栏中的输入内容作为结构化内容。The processing module 1690 is used to treat the input content in each input field as structured content.
第一获取模块1630，包括：The first acquisition module 1630 includes:
读取单元1631，用于读取输入组件配置的数据结构。The reading unit 1631 is used to read the data structure configured by the input component.
校验单元1632，用于每当获取到输入内容，根据数据结构执行校验逻辑，以对输入内容进行数据校验。The verification unit 1632 is used to execute verification logic according to the data structure whenever the input content is obtained, so as to perform data verification on the input content.
第二显示单元1633，用于若校验通过，在输入组件内显示输入内容。The second display unit 1633 is used to display the input content in the input component if the verification is passed.
作为一种可能的实现方式，第二显示单元1633，还用于：若校验未通过，拒绝显示输入内容，并显示错误提示信息。As a possible implementation, the second display unit 1633 is also used to refuse to display the input content and display an error prompt if the verification fails.
需要说明的是，前述图1至图10实施例对内容编辑方法的解释说明也适用于该实施例的内容编辑装置，此处不再赘述。It should be noted that the explanation of the content editing method in the embodiments of FIGS. 1 to 10 is also applicable to the content editing device of this embodiment, and will not be described again here.
本申请实施例的内容编辑装置，通过在编辑器界面显示设定字段对应的输入组件，并根据输入组件的组件类型，在编辑器界面显示输入组件对应的工具栏，之后，获取并显示输入组件内的输入内容，并响应于对工具栏的第一触发操作，编辑输入组件内的输入内容，以得到设定字段的结构化内容，最后，根据设置的富文本转换逻辑，对设定字段的结构化内容进行排版，得到富文本页面。本申请中，工具栏可为研发人员提供丰富便捷的功能，研发人员可以通过工具栏进行更多操作，根据研发人员操作，编辑输入组件内的输入内容，得到结构化内容，可显示丰富的内容形式，可以适用于对编辑组件具有较高要求的知识生产的场景中，为研发人员提供丰富便捷的功能，适用性较高。The content editing device of the embodiment of the present application displays the input component corresponding to the setting field on the editor interface, displays the toolbar corresponding to the input component on the editor interface according to the component type of the input component, and then obtains and displays the input component. The input content in the input component, and in response to the first triggering operation on the toolbar, edit the input content in the input component to obtain the structured content of the set field. Finally, according to the set rich text conversion logic, the set field is modified. Structured content is typeset and a rich text page is obtained. In this application, the toolbar can provide rich and convenient functions for R&D personnel. R&D personnel can perform more operations through the toolbar. According to the R&D personnel's operations, the input content in the input component can be edited to obtain structured content and rich content can be displayed. The form can be applied to knowledge production scenarios that have higher requirements for editing components, providing R&D personnel with rich and convenient functions and high applicability.
为了实现上述实施例，本申请还提出一种编辑器的生成装置。In order to implement the above embodiments, this application also proposes an editor generation device.
图18为本申请实施例九所提供的编辑器的生成装置的结构示意图。Figure 18 is a schematic structural diagram of an editor generation device provided in Embodiment 9 of the present application.
如图18所示，该编辑器的生成装置1800包括：获取模块1810、确定模块1820、生成模块1830以及渲染模块1840。As shown in Figure 18, the editor's generation device 1800 includes: an acquisition module 1810, a determination module 1820, a generation module 1830, and a rendering module 1840.
获取模块1810，用于获取输入的设定字段，以及对设定字段选定的输入组件。The acquisition module 1810 is used to acquire the input setting field and the input component selected for the setting field.
确定模块1820，用于根据输入组件的组件类型，确定输入组件对应的工具栏，其中，工具栏用于编辑对应的输入组件内的输入内容，以得到设定字段的结构化内容。The determination module 1820 is used to determine the toolbar corresponding to the input component according to the component type of the input component, where the toolbar is used to edit the input content in the corresponding input component to obtain the structured content of the set field.
生成模块1830，用于根据输入组件配置的数据结构，生成编辑器的后台处理逻辑。The generation module 1830 is used to generate the background processing logic of the editor according to the data structure configured by the input component.
渲染模块1840，用于根据设置的界面样式，对每一输入组件配置的展示结构，以及工具栏配置的展示结构进行渲染，得到编辑器界面。The rendering module 1840 is used to render the display structure configured for each input component and the display structure configured for the toolbar according to the set interface style to obtain the editor interface.
作为一种可能的实现方式，生成模块1830，具体用于：根据各输入组件配置的数据结构，生成后台处理逻辑中的校验逻辑，其中，校验逻辑用于对输入组件内的输入内容进行校验。As a possible implementation, the generation module 1830 is specifically used to: generate verification logic in the background processing logic according to the data structure configured by each input component, where the verification logic is used to perform input content in the input component. check.
作为一种可能的实现方式，后台处理逻辑还包括：富文本转换逻辑和/或富文本解析逻辑；其中，富文本转换逻辑，用于将设定字段的结构化内容排版，以得到富文本页面；富文本解析逻辑，用于将输入的富文本内容解析为各内容字段和对应的结构化内容。As a possible implementation method, the background processing logic also includes: rich text conversion logic and/or rich text parsing logic; where the rich text conversion logic is used to format the structured content of the set fields to obtain a rich text page. ; Rich text parsing logic, used to parse the input rich text content into each content field and corresponding structured content.
作为一种可能的实现方式，界面样式包括布局信息和/或配色信息。As a possible implementation, the interface style includes layout information and/or color matching information.
需要说明的是，前述图11至图15实施例对编辑器的生成方法的解释说明也适用于该实施例的编辑器的生成装置，此处不再赘述。It should be noted that the explanation of the editor generation method in the embodiments of FIGS. 11 to 15 is also applicable to the editor generation device of this embodiment, and will not be described again here.
本申请实施例的编辑器的生成装置，通过获取输入的设定字段，以及对设定字段选定的输入组件，并根据输入组件的组件类型，确定输入组件对应的工具栏，其中，工具栏用于编辑对应的输入组件内的输入内容，以得到设定字段的结构化内容；之后，根据输入组件配置的数据结构，生成编辑器的后台处理逻辑，最后，根据设置的界面样式，对每一输入组件配置的展示结构，以及工具栏配置的展示结构进行渲染，得到编辑器界面。本申请中，工具栏可为研发人员提供丰富便捷的功能，研发人员可以通过工具栏进行更多操作，根据研发人员操作，编辑输入组件内的输入内容，得到结构化内容，可显示丰富的内容形式，可以适用于对编辑组件具有较高要求的知识生产的场景中，为研发人员提供丰富便捷的功能，适用性较高。此外，研发人员只需配置各字段以及各字段对应的输入组件，即可自动化生成编辑器界面，提升编辑器的开发效率。The editor generation device of the embodiment of the present application obtains the input setting field and the input component selected for the setting field, and determines the toolbar corresponding to the input component according to the component type of the input component, where the toolbar Used to edit the input content in the corresponding input component to obtain the structured content of the set field; then, based on the data structure configured by the input component, the background processing logic of the editor is generated. Finally, according to the set interface style, each The display structure of the input component configuration and the display structure of the toolbar configuration are rendered to obtain the editor interface. In this application, the toolbar can provide rich and convenient functions for R&D personnel. R&D personnel can perform more operations through the toolbar. According to the R&D personnel's operations, the input content in the input component can be edited to obtain structured content and rich content can be displayed. The form can be applied to knowledge production scenarios that have higher requirements for editing components, providing R&D personnel with rich and convenient functions and high applicability. In addition, R&D personnel only need to configure each field and the input component corresponding to each field to automatically generate the editor interface and improve the development efficiency of the editor.
根据本申请的实施例，本申请还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。According to embodiments of the present application, the present application also provides an electronic device, a readable storage medium and a computer program product.
如图19所示，是根据本申请实施例的内容编辑方法或编辑器的生成方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。As shown in FIG. 19 , it is a block diagram of an electronic device according to the content editing method or the editor generating method according to the embodiment of the present application. Electronic devices are intended to refer to various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. Electronic devices may also represent various forms of mobile devices, such as personal digital assistants, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are examples only and are not intended to limit the implementation of the present application as described and/or claimed herein.
如图19所示，该电子设备包括：一个或多个处理器1901、存储器1902，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样，可以连接多个电子设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图19中以一个处理器1901为例。As shown in Figure 19, the electronic device includes: one or more processors 1901, memory 1902, and interfaces for connecting various components, including high-speed interfaces and low-speed interfaces. The various components are connected to each other using different buses and can be mounted on a common motherboard or otherwise mounted as desired. The processor may process instructions executed within the electronic device, including instructions stored in or on memory to display graphical information of the GUI on an external input/output device, such as a display device coupled to the interface. In other embodiments, multiple processors and/or multiple buses may be used with multiple memories and multiple memories, if desired. Likewise, multiple electronic devices can be connected, each device providing part of the necessary operation (eg, as a server array, a set of blade servers, or a multi-processor system). In Figure 19, a processor 1901 is taken as an example.
存储器1902即为本申请所提供的非瞬时计算机可读存储介质。其中，所述存储器存储有可由至少一个处理器执行的指令，以使所述至少一个处理器执行本申请所提供的内容编辑方法，或者，编辑器的生成方法。本申请的非瞬时计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行本申请所提供的内容编辑方法，或者，编辑器的生成方法。The memory 1902 is the non-transitory computer-readable storage medium provided by this application. The memory stores instructions executable by at least one processor, so that the at least one processor executes the content editing method provided in this application, or the editor generation method. The non-transitory computer-readable storage medium of this application stores computer instructions, which are used to cause the computer to execute the content editing method provided by this application, or the editor generation method.
存储器1902作为一种非瞬时计算机可读存储介质，可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块，如本申请实施例中的内容编辑方法，或者，编辑器的生成方法对应的程序指令/模块(例如，附图16所示的第一显示模块1610、第二显示模块1620、第一获取模块1630、编辑模块1640以及转换模块1650，或者，附图18所示的获取模块1810、确定模块1820、生成模块1830以及渲染模块1840)。处理器1901通过运行存储在存储器1902中的非瞬时软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中的内容编辑方法，或者，编辑器的生成的方法。As a non-transient computer-readable storage medium, the memory 1902 can be used to store non-transient software programs, non-transient computer executable programs and modules, such as the content editing method in the embodiment of the present application, or the corresponding editor generation method. Program instructions/modules (for example, the first display module 1610, the second display module 1620, the first acquisition module 1630, the editing module 1640 and the conversion module 1650 shown in Figure 16, or the acquisition module 1810 shown in Figure 18 , determination module 1820, generation module 1830 and rendering module 1840). The processor 1901 executes various functional applications and data processing of the server by running non-transient software programs, instructions and modules stored in the memory 1902, that is, implementing the content editing method in the above method embodiment, or generating the editor. Methods.
存储器1902可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据内容编辑方法或编辑器的生成方法的电子设备的使用所创建的数据等。此外，存储器1902可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中，存储器1902可选包括相对于处理器1901远程设置的存储器，这些远程存储器可以通过网络连接至电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。The memory 1902 may include a storage program area and a storage data area, wherein the storage program area may store an operating system and an application program required for at least one function; the storage data area may store information of an electronic device according to a content editing method or an editor generation method. Use the created data, etc. In addition, memory 1902 may include high-speed random access memory, and may also include non-transitory memory, such as at least one disk storage device, flash memory device, or other non-transitory solid-state storage device. In some embodiments, memory 1902 optionally includes memory located remotely from processor 1901, and these remote memories may be connected to the electronic device through a network. Examples of the above-mentioned networks include but are not limited to the Internet, intranets, local area networks, mobile communication networks and combinations thereof.
电子设备还可以包括：输入装置1903和输出装置1904。处理器1901、存储器1902、输入装置1903和输出装置1904可以通过总线或者其他方式连接，图19中以通过总线连接为例。The electronic device may also include: an input device 1903 and an output device 1904. The processor 1901, the memory 1902, the input device 1903 and the output device 1904 can be connected through a bus or other means. In Figure 19, connection through a bus is taken as an example.
输入装置1903可接收输入的数字或字符信息，以及产生与电子设备的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置1904可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。该显示设备可以包括但不限于，液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中，显示设备可以是触摸屏。The input device 1903 can receive input numeric or character information, and generate key signal input related to user settings and function control of the electronic device, such as a touch screen, a keypad, a mouse, a trackpad, a touch pad, a pointing stick, one or more Input devices such as mouse buttons, trackballs, and joysticks. Output devices 1904 may include display devices, auxiliary lighting devices (eg, LEDs), tactile feedback devices (eg, vibration motors), and the like. The display device may include, but is not limited to, a liquid crystal display (LCD), a light emitting diode (LED) display, and a plasma display. In some implementations, the display device may be a touch screen.
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。Various implementations of the systems and techniques described herein may be implemented in digital electronic circuitry, integrated circuit systems, application specific ASICs (application specific integrated circuits), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include implementation in one or more computer programs executable and/or interpreted on a programmable system including at least one programmable processor, the programmable processor The processor, which may be a special purpose or general purpose programmable processor, may 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. An output device.
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令，并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。These computing programs (also referred to as programs, software, software applications, or code) include machine instructions for programmable processors, and may be implemented using high-level procedural and/or object-oriented programming languages, and/or assembly/machine language Calculation program. As used herein, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, apparatus, and/or means for providing machine instructions and/or data to a programmable processor ( For example, magnetic disks, optical disks, memories, programmable logic devices (PLD)), including machine-readable media that receive machine instructions as machine-readable signals. The term "machine-readable signal" refers to any signal used to provide machine instructions and/or data to a programmable processor.
为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。To provide interaction with a user, the systems and techniques described herein may be implemented on a computer having a display device (eg, a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user ); and a keyboard and pointing device (eg, a mouse or a trackball) through which a user can provide input to the computer. Other kinds 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 may be provided in any form, including Acoustic input, voice input or tactile input) to receive input from the user.
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。The systems and techniques described herein may be implemented in a computing system that includes back-end 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 front-end components (e.g., A user's computer having a graphical user interface or web browser through which the user can interact with implementations of the systems and technologies described herein), or including such backend components, middleware components, or any combination of front-end components in a computing system. The components of the system may be interconnected by any form or medium of digital data communication (eg, a communications network). Examples of communication networks include: local area network (LAN), wide area network (WAN), and the Internet.
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。Computer systems may include clients and servers. Clients and servers are generally remote from each other and typically interact over a communications network. The relationship of client and server is created by computer programs running on corresponding computers and having a client-server relationship with each other.
本申请实施例提出的计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现如本申请前述任一实施例提出的内容编辑方法或编辑器的生成方法。The computer program product proposed in the embodiments of this application includes a computer program that, when executed by a processor, implements the content editing method or the editor generation method proposed in any of the previous embodiments of this application.
根据本申请实施例的技术方案，工具栏可为研发人员提供丰富便捷的功能，研发人员可以通过工具栏进行更多操作，根据研发人员操作，编辑输入组件内的输入内容，得到结构化内容，可显示丰富的内容形式，可以适用于对编辑组件具有较高要求的知识生产的场景中，为研发人员提供丰富便捷的功能，适用性较高。此外，研发人员或者研发人员只需配置各字段以及各字段对应的输入组件，即可自动化生成编辑器界面，提升编辑器的开发效率。According to the technical solution of the embodiment of this application, the toolbar can provide rich and convenient functions for R&D personnel. R&D personnel can perform more operations through the toolbar. According to the R&D personnel's operations, the input content in the input component can be edited to obtain structured content. It can display rich content forms and can be applied to knowledge production scenarios that have high requirements for editing components. It provides R&D personnel with rich and convenient functions and has high applicability. In addition, developers or R&D personnel only need to configure each field and the input component corresponding to each field to automatically generate the editor interface and improve the development efficiency of the editor.
应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。It should be understood that various forms of the process shown above may be used, with steps reordered, added or deleted. For example, each step described in the present application can be executed in parallel, sequentially, or in a different order. As long as the desired results of the technical solution disclosed in the present application can be achieved, there is no limitation here.
上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。The above-mentioned specific embodiments do not constitute a limitation on the scope of protection of the present application. It will be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions are possible depending on design requirements and other factors. Any modifications, equivalent substitutions and improvements made within the spirit and principles of this application shall be included in the protection scope of this application.
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010564083.2ACN111914528B (en) | 2020-06-19 | 2020-06-19 | Content editing method, method for generating editor, device, equipment and medium thereof |
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010564083.2ACN111914528B (en) | 2020-06-19 | 2020-06-19 | Content editing method, method for generating editor, device, equipment and medium thereof |
| Publication Number | Publication Date |
|---|---|
| CN111914528A CN111914528A (en) | 2020-11-10 |
| CN111914528Btrue CN111914528B (en) | 2024-02-23 |
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010564083.2AActiveCN111914528B (en) | 2020-06-19 | 2020-06-19 | Content editing method, method for generating editor, device, equipment and medium thereof |
| Country | Link |
|---|---|
| CN (1) | CN111914528B (en) |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113705174B (en)* | 2021-08-04 | 2025-04-08 | 北京百度网讯科技有限公司 | Content editing method, device, electronic device and storage medium |
| CN113656034B (en)* | 2021-08-24 | 2024-03-12 | 北京百度网讯科技有限公司 | Information processing method, information processing device, electronic equipment and storage medium |
| CN113687903A (en)* | 2021-09-27 | 2021-11-23 | 北京搜狗科技发展有限公司 | Tool display method and device based on structured data |
| CN114996527A (en)* | 2022-06-27 | 2022-09-02 | 招商银行股份有限公司 | Link icon adding method and device, terminal device and storage medium |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109299444A (en)* | 2017-07-25 | 2019-02-01 | 北京国双科技有限公司 | A kind of generation method and device of editor |
| CN109635261A (en)* | 2018-11-16 | 2019-04-16 | 天津字节跳动科技有限公司 | Online document content edition method, device, storage medium and electronic equipment |
| CN110489070A (en)* | 2019-07-25 | 2019-11-22 | 贝壳技术有限公司 | A kind of display processing method and device of customized content |
| CN110673847A (en)* | 2019-09-24 | 2020-01-10 | 北京乐我无限科技有限责任公司 | Configuration page generation method and device, electronic equipment and readable storage medium |
| CN110688109A (en)* | 2019-10-09 | 2020-01-14 | 凯德技术长沙股份有限公司 | Model editing system and creation method thereof |
| CN111259644A (en)* | 2018-11-30 | 2020-06-09 | 阿里巴巴集团控股有限公司 | Rich text processing method, editor, equipment and storage medium |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2003003642A2 (en)* | 2001-06-29 | 2003-01-09 | Ve Enterprises Llc | System and method for editing web pages in a client/server architecture |
| US8694904B2 (en)* | 2008-04-15 | 2014-04-08 | Microsoft Corporation | Cross-browser rich text editing via a hybrid client-side model |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109299444A (en)* | 2017-07-25 | 2019-02-01 | 北京国双科技有限公司 | A kind of generation method and device of editor |
| CN109635261A (en)* | 2018-11-16 | 2019-04-16 | 天津字节跳动科技有限公司 | Online document content edition method, device, storage medium and electronic equipment |
| CN111259644A (en)* | 2018-11-30 | 2020-06-09 | 阿里巴巴集团控股有限公司 | Rich text processing method, editor, equipment and storage medium |
| CN110489070A (en)* | 2019-07-25 | 2019-11-22 | 贝壳技术有限公司 | A kind of display processing method and device of customized content |
| CN110673847A (en)* | 2019-09-24 | 2020-01-10 | 北京乐我无限科技有限责任公司 | Configuration page generation method and device, electronic equipment and readable storage medium |
| CN110688109A (en)* | 2019-10-09 | 2020-01-14 | 凯德技术长沙股份有限公司 | Model editing system and creation method thereof |
| Title |
|---|
| Andrew J. Woods ; Lars D. Ludeking ; Lester W. Cavey ; David L. Rhoades.Magic Build3D graphical input builder.《2013 Abstracts IEEE International Conference on Plasma Science (ICOPS)》.2013,全文.* |
| 富文本编辑(RTE)控件在试题库系统中的应用;李中华;河北理工学院学报;20020630(02);全文* |
| Publication number | Publication date |
|---|---|
| CN111914528A (en) | 2020-11-10 |
| Publication | Publication Date | Title |
|---|---|---|
| CN111914528B (en) | Content editing method, method for generating editor, device, equipment and medium thereof | |
| CN112099790B (en) | Methods, devices, equipment and storage media for determining page themes | |
| US11250066B2 (en) | Method for processing information, electronic device and storage medium | |
| US10419568B2 (en) | Manipulation of browser DOM on server | |
| US9524283B2 (en) | Techniques to remotely access form information and generate a form | |
| CN111610972B (en) | Page generation method, device, equipment and storage medium | |
| CN112506479B (en) | Page editing method, device, equipment and storage medium | |
| CN110532159B (en) | Data monitoring method, device, equipment and computer readable storage medium | |
| CN112000330B (en) | Configuration method, device, equipment and computer storage medium of modeling parameters | |
| CN107797804A (en) | The method and apparatus for generating front end interactive interface | |
| CN112506854B (en) | Page template file storage and page generation methods, devices, equipment and media | |
| US11734454B2 (en) | Method for providing applet service capability, electronic device, and storage medium | |
| CN112417345B (en) | Rendering method, rendering device, electronic equipment and storage medium | |
| CN112015468A (en) | Interface document processing method and device, electronic equipment and storage medium | |
| CN110223044A (en) | A kind of mail push method, system and electronic equipment and storage medium | |
| WO2024011899A1 (en) | Widget loading method and apparatus, device, and storage medium | |
| WO2025119113A1 (en) | Method and apparatus for image generation, device, and storage medium | |
| CN113918194A (en) | A display method, device, electronic device and storage medium for page components | |
| US12118578B2 (en) | Method and apparatus for processing commodity information, device and storage medium | |
| CN113779117A (en) | Data monitoring method and device, storage medium and electronic equipment | |
| CN111985760B (en) | Data content evaluation method and device, electronic equipment and storage medium | |
| WO2024221415A1 (en) | Page rendering method and apparatus, device, and storage medium | |
| WO2022228433A1 (en) | Information processing method and apparatus, and electronic device | |
| CN114489639A (en) | File generation method, device, device and storage medium | |
| CN119692303B (en) | Page chart adjustment method and device, electronic equipment and storage medium |
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |