CN113419721B - 基于web的表达式编辑方法、装置、设备和存储介质 - Google Patents

Abstract

本发明涉及一种基于web的表达式编辑方法方法、装置、计算机设备和存储介质，该方法包括：响应于用户对编辑器的当前操作，判断当前操作是否为内容输入或内容删除；其中，编辑器配置有变量集数据源和函数集数据源，变量集数据源包含自动补全支持的变量，函数集数据源包含编辑器支持的函数；如果是内容输入，则识别用户输入的编辑器内容，将编辑器内容与变量集数据源或函数集数据源进行匹配，根据匹配结果补全编辑器内容；如果是内容删除，则根据当前操作识别需要删除的内容进行清除。上述方法可以提升工作效率，大幅度的降低表达式的错误几率。

Description

基于web的表达式编辑方法、装置、设备和存储介质

技术领域

本发明涉及计算机技术领域，特别是涉及基于web的表达式编辑方法、装置、设备和存储介质。

背景技术

在计算机和教育学术相关领域中，通常需要进行计算机和数学表达式的输入，因此需要使用对应的表达式编辑器。基于Web形式的编辑，可以直接使用浏览器进行操作，不用安装额外的软件，使用起来更为方便，在Web领域、目前已有的编辑器大多用于程序代码开发方向，主要功能点是侧重于自由的代码编辑，例如函数名提示补全、代码语法高亮等，对于形式更为结构化的表达式编辑支持不够全面，无法很好的做解构上的解析。另外，常规的编辑器所述编辑器内容是以字母和数字为主，在对中文支持上相对薄弱。

发明内容

本申请提供了一种基于web的表达式编辑方法、装置、计算机设备和存储介质。

第一方面提供了一种基于web的表达式编辑方法，包括：

响应于用户对编辑器的当前操作，判断所述当前操作是否为内容输入或内容删除；其中，所述编辑器配置有变量集数据源和函数集数据源，所述变量集数据源包含自动补全支持的变量，所述函数集数据源包含编辑器支持的函数；

如果是内容输入，则识别所述用户输入的编辑器内容，基于光标位置将所述编辑器内容切割成前后两段文本，分别将切割后的前后两段文本分别放入预设的正则表达式中匹配，分别从前后两段文本中提取出待匹配字符串；将所述待匹配字符串与所述变量集数据源或所述函数集数据源进行匹配，当所述待匹配字符串与所述变量集数据源或所述函数集数据源有匹配项时，根据所述匹配项和待匹配字符串采用自动补全方式或直接输入变量方式对所述待匹配字符串进行补全操作；其中，所述自动补全方式是采用所述匹配项替换所述待匹配字符串组成补全后编辑器内容；所述直接输入变量方式是将所述匹配项和所述待匹配字符串组成补全后编辑器内容；

如果是内容删除，则根据当前操作识别需要删除的内容进行清除。

在一些实施例中，所述判断所述当前操作是否为内容输入，包括：

捕捉用户对编辑器的原生操作，得到所述用户当前操作的相关信息；

从所述相关信息中获取所述用户操作对应的ASCII编码；

查询ASCII编码表判断所述当前操作是否为内容输入。

在一些实施例中，所述将所述用户输入的字符串与所述变量集数据源或所述函数集数据源进行匹配，包括：

基于光标位置将所述编辑器内容切割成前后两段文本，分别将切割后的前后两段文本分别放入预设的正则表达式中匹配，分别从前后两段文本中提取出待匹配字符串；

将所述待匹配字符串与所述变量集数据源或所述函数集数据源进行匹配。

在一些实施例中，所述将所述待匹配字符串与所述变量集数据源或所述函数集数据源进行匹配，包括：

将所述待匹配字符串转换为统一码，其中，区分开所述待匹配字符串的数据格式；所述数据格式包括英文字符、特殊意义字符和中文字符；

采用所述待匹配字符串的统一码与所述变量集数据源或所述函数集数据源进行匹配。

在一些实施例中，所述根据匹配结果补全所述编辑器内容，包括：

当所述待匹配字符串与所述变量集数据源或所述函数集数据源有匹配项时，根据所述匹配项和待匹配字符串采用自动补全方式或直接输入变量方式对所述待匹配字符串进行补全操作；其中，所述自动补全方式是采用所述匹配项替换所述待匹配字符串组成补全后编辑器内容；所述直接输入变量方式是将所述匹配项和所述待匹配字符串组成补全后编辑器内容。

在一些实施例中，所述方法还包括：

将所述编辑器内容转化为结构化的Json数据结构；

使用预设规则分别把不同的json数据转换为不同的网页标签，层级与json数据结构一致，标签相互嵌套，并且在标签属性中加上数据属性，元素标签标记上各种信息。

在一些实施例中，所述根据当前操作识别需要删除的内容进行清除，包括；

根据标签结构及绑定的属性，定位json数据相应位置，清空整个json数据。

第二方面提供了一种基于web的表达式编辑装置，包括：

操作内容获取单元，用于响应于用户对编辑器的当前操作，判断所述当前操作是否为内容输入或内容删除；其中，所述编辑器配置有变量集数据源和函数集数据源，所述变量集数据源包含自动补全支持的变量，所述函数集数据源包含编辑器支持的函数；

内容输入单元，用于如果是内容输入，则识别所述用户输入的编辑器内容，将所述编辑器内容与所述变量集数据源或所述函数集数据源进行匹配，根据匹配结果补全所述编辑器内容；

内容删除单元，用于如果是内容删除，则根据当前操作识别需要删除的内容进行清除。

第三方面提供了一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行上述所述基于web的表达式编辑方法的步骤。

第四方面提供了一种存储有计算机可读指令的存储介质，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行上述所述基于web的表达式编辑方法的步骤。

上述基于web的表达式编辑方法、装置、设备和存储介质，除了常规编辑器的代码相关功能外，对于固定函数支持块状操作，能够快速进行添加和删除，如解析abs函数，在删除abs字符串的时候通过解析代码结构，删除掉abs(变量)这一整个函数，在智能好用的基础上还可以减少函数错误。除此之外，本方案提出一种基于前后缀的自动补全方案，相比于前缀补全方案更适合结构化表达式编辑，可以提高代码正确性，减少无用操作。

附图说明

图1为一个实施例中提供的基于web的表达式编辑方法的实施环境图；

图2为一个实施例中计算机设备的内部结构框图；

图3为一个实施例中基于web的表达式编辑方法的一种流程图；

图4为一个实施例中基于web的表达式编辑装置的结构框图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

可以理解，本申请所使用的术语“第一”、“第二”等可在本文中用于描述各种元件，但这些元件不受这些术语限制。这些术语仅用于将第一个元件与另一个元件区分。

图1为一个实施例中提供的基于web的表达式编辑方法的实施环境图，如图1所示，在该实施环境中，可以包括计算机设备110以及终端120。

计算机设备110为数据提供方设备，计算机设备110具有接口，例如可以为接口是API(ApplicationProgrammingInterface，即应用程序接口)。终端120为用户操作输入方，具有接口配置界面，当基于web的表达式编辑时，用户可以通过终端120输入表达式编辑操作，以使计算机设备110进行接下来的基于web的表达式编辑。

需要说明的是，终端120以及计算机设备110可为智能手机、平板电脑、笔记本电脑、台式计算机等，但并不局限于此。计算机设备110以及终端120 可以通过蓝牙、USB(UniversalSerialBus，通用串行总线）或者其他通讯连接方式进行连接，本发明在此不做限制。

图2为一个实施例中计算机设备的内部结构示意图。如图2所示，该计算机设备可以包括通过系统总线连接的处理器、存储介质、存储器和网络API接口。其中，该计算机设备的存储介质存储有操作系统、数据库和计算机可读指令，数据库中可存储有控件信息序列，该计算机可读指令被处理器执行时，可使得处理器实现一种基于web的表达式编辑方法。该计算机设备的处理器用于提供计算和控制能力，支撑整个计算机设备的运行。该计算机设备的存储器中可存储有计算机可读指令，该计算机可读指令被处理器执行时，可使得处理器执行一种基于web的表达式编辑方法。该计算机设备的网络API接口用于与终端连接通信。本领域技术人员可以理解，图2中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

如图3所示，在一个实施例中，提出了一种基于web的表达式编辑方法，该基于web的表达式编辑方法可以应用于上述的计算机设备110中，具体可以包括以下步骤：

步骤301、响应于用户对编辑器的当前操作，判断当前操作是否为内容输入或内容删除；其中，编辑器配置有变量集数据源和函数集数据源，变量集数据源包含自动补全支持的变量，函数集数据源包含编辑器支持的函数；

可以理解的是，当编辑器加载完成，用户开始输入，开始执行驱动引擎，识别操作类型。在该实施例中的操作类型包括内容输入和内容删除。

在一些实施例中，上述步骤301中，判断当前操作是否为内容输入，可以包括：

步骤3011、捕捉用户对编辑器的原生操作，得到用户当前操作的相关信息；

在该步骤中，监听键盘onmouseover、onmouseout、onkeydown等原生事件，用于捕获用户当前操作，触发编辑器核心代码。

步骤3012、从相关信息中获取用户操作对应的ASCII编码；

其中，ASCII(AmericanStandardCodeforInformationInterchange，美国标准信息交换代码)是基于拉丁字母的一套电脑编码系统，主要用于显示现代英语和其他西欧语言。它是现今最通用的单字节编码系统，并等同于国际标准ISO/IEC646。

步骤3013、查询ASCII编码表判断当前操作是否为内容输入。

步骤302、如果是内容输入，则识别用户输入的编辑器内容，将编辑器内容与变量集数据源或函数集数据源进行匹配，根据匹配结果补全编辑器内容；

可以理解的是，为了提升开发人员的代码编辑速度，在代码编辑器中通常会面向开发人员提供代码补全功能。代码补全是指开发人员在代码编辑器进行代码编辑时，代码编辑器可以根据开发人员输入的代码字符，自动匹配并输出用户可能还会需要的代码字符，从而，开发人员可以直接选择输出该代码字符进行补全，从而可以减少开发人员的输入的代码量，提升开发人员的代码编辑速度。

其中，补全编辑器内容可以是指包括补全代码段的参数信息、属性信息、内容信息等信息，至少包括需要进行补全的代码段和代码段的关键字，此外还可以包括：代码段的名称信息、代码段的描述信息、代码段中的参数和代码段中的变量名等中的至少一种。

在一些实施例中，上述步骤302将用户输入的字符串与变量集数据源或函数集数据源进行匹配，可以包括：

步骤3021、基于光标位置将编辑器内容切割成前后两段文本，分别将切割后的前后两段文本分别放入预设的正则表达式中匹配，分别从前后两段文本中提取出待匹配字符串；

可以理解的是，正则表达式可以用简单的语法描述复杂的数据特征，因此被广泛应用于网络入侵检测、文档内容检索等多个领域。正则表达式的模式匹配主要可以通过确定型有穷自动机(简称：DFA)和^非确定型有穷自动机(简称：NFA)两种数据结构来实现。“正则表达式”，在很多文本编辑器或其他工具里，通常被用来检索和/或替换那些符合某个模式的文本内容。正则表达式由普通字符和元字符组成。普通字符包括数字和大小写的字母，而元字符是具有特殊的含义的字符，包括如下11个文字字符：

。元字符用于特殊用途，例如，“.”用于匹配除换行元字符“\n”和“\r”以外的任意字符；“

”用于匹配前面的子表达式任意次；“

”表示匹配0或1个正好在它之前的那个字符，当该字符紧跟在任何一个其他限制符(

,+,

，{n}，{n,}，{n,m})后面时，匹配模式是非贪婪的，非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串；“|”表示将两个匹配条件进行逻辑“或”(英文：Or)运算；“()”，将(和)之间的表达式定义为“组”(英文：group)。

3022、将待匹配字符串与变量集数据源或函数集数据源进行匹配。

其中，进行匹配所采用的待匹配字符串，可以是预设的触发事件之前的一个词、一句话或者一段话。例如，用户在输入“北京西苑”后，输入预设的触发事件“回车键”后，则利用用户输入的内容“北京西苑”进行匹配。用户输入的内容也可以是用户输入预设的触发事件之前选取的内容。当用户选取特定内容(例如某一词句或者语段)后，触发预设的触发事件(如按回车键)时，则利用该用户选取的特定内容进行匹配。

在一些实施例中，上述步骤3022将待匹配字符串与变量集数据源或函数集数据源进行匹配，可以包括：

将待匹配字符串转换为统一码，其中，区分开待匹配字符串的数据格式；数据格式包括英文字符、特殊意义字符和中文字符；采用待匹配字符串的统一码与变量集数据源或函数集数据源进行匹配。

在该实施例中，支持中文变量识别的编辑器，直接使用统一码unicode编码匹配，在正则校验的时候，区分开英文字符以及特殊意义字符，使用零宽断言进行匹配，以区分开各种编码的字符，获得想要的中文字符。

在一些实施例中，上述步骤302中根据匹配结果补全编辑器内容，可以包括：

当待匹配字符串与变量集数据源或函数集数据源有匹配项时，根据匹配项和待匹配字符串采用自动补全方式或直接输入变量方式对待匹配字符串进行补全操作；其中，自动补全方式是采用匹配项替换待匹配字符串组成补全后编辑器内容；直接输入变量方式是将匹配项和待匹配字符串组成补全后编辑器内容。

在该实施例中，自动补全方式包括变量补全，不需要执行额外操作，把补全字符串输入到网页；函数补全，把函数输入到网页，并根据预设的函数模板，输入括号等字符，最后根据预设规则把光标移动到相应位置，例如括号内。直接输入变量方式通过ASCII码识别，分为以下几种情况：括号类，在输入左括号后，自动补全右括号，之后把光标定位到括号中间；其它类，不需要做额外操作。

步骤303、如果是内容删除，则根据当前操作识别需要删除的内容进行清除。

在一些实施例中，将编辑器的输入内容，转化为结构化的内容，可以规范数据格式，便于机器分析，提升数据的利用价值。例如，可以将输入组件内的富文本内容转化为结构化的Json数据，规范输入内容的数据格式，使得编辑后的各字段具有统一的格式，从而解析器可对所有字段进行正常解析，提升数据的利用价值。

具体地，把编辑器内容解析为json结构，用预设正则表达式解析编辑器代码字符串，预设规则如下：

整个编辑器代码放入一个json对象。

加减号类操作符及前后代码块识别为同一层级，相应代码转换为json同级子对象，加减操作符转换的对象标明操作符类型，每个代码块转换为一个独立对象，代码块内部结构依此逻辑递归生成json对象；

函数类解析为一个对象，函数里面的字符逻辑全部放入同一个子对象，每个函数的类型、输入值都遵循预设逻辑写入对象。

依照上面逻辑递归编辑器内容，最终生成完整json对象。

在一些实施例中，为了实现对于固定函数支持块状操作，快速进行添加和删除把编辑器代码替换成特定结构的网页标签，上述步骤303如果是内容删除，则根据当前操作识别需要删除的内容进行清除，可以包括：删除等操作修改编辑器内容时，根据标签结构及绑定的属性，定位json对象相应位置，修改整个json对象。

具体地，使用网页原生方法createElement创建标签，递归转换的json对象，使用预设规则分别把不同的对象转换为不同的网页标签，层级与json结构一致，标签相互嵌套，并且在标签data属性中加上对象属性，元素标签标记上各种信息，便于后期修改使用时可以直接获得所有信息，无需格外去取。标签生成完成后，把编辑器内容清空，将此处生成的网页标签插入到编辑器内部。例如，解析abs函数，在删除abs字符串的时候通过解析代码结构，删除掉abs(变量)这一整个函数，在智能好用的基础上还可以减少函数错误。

如图4所示，在一个实施例中，提供了一种基于web的表达式编辑装置，该基于web的表达式编辑装置可以集成于上述的计算机设备110中，具体可以包括：

操作内容获取单元411，用于响应于用户对编辑器的当前操作，判断当前操作是否为内容输入或内容删除；其中，编辑器配置有变量集数据源和函数集数据源，变量集数据源包含自动补全支持的变量，函数集数据源包含编辑器支持的函数；

内容输入单元412，用于如果是内容输入，则识别用户输入的编辑器内容，将编辑器内容与变量集数据源或函数集数据源进行匹配，根据匹配结果补全编辑器内容；

内容删除单元413，用于如果是内容删除，则根据当前操作识别需要删除的内容进行清除。

在一个实施例中，提出了一种计算机设备，计算机设备可以包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现以下步骤：响应于用户对编辑器的当前操作，判断当前操作是否为内容输入或内容删除；其中，编辑器配置有变量集数据源和函数集数据源，变量集数据源包含自动补全支持的变量，函数集数据源包含编辑器支持的函数；如果是内容输入，则识别用户输入的编辑器内容，将编辑器内容与变量集数据源或函数集数据源进行匹配，根据匹配结果补全编辑器内容；如果是内容删除，则根据当前操作识别需要删除的内容进行清除。

在一个实施例中，提出了一种存储有计算机可读指令的存储介质，该计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行以下步骤：响应于用户对编辑器的当前操作，判断当前操作是否为内容输入或内容删除；其中，编辑器配置有变量集数据源和函数集数据源，变量集数据源包含自动补全支持的变量，函数集数据源包含编辑器支持的函数；如果是内容输入，则识别用户输入的编辑器内容，将编辑器内容与变量集数据源或函数集数据源进行匹配，根据匹配结果补全编辑器内容；如果是内容删除，则根据当前操作识别需要删除的内容进行清除。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，该计算机程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，前述的存储介质可为磁碟、光盘、只读存储记忆体（Read-OnlyMemory，ROM）等非易失性存储介质，或随机存储记忆体（RandomAccessMemory，RAM）等。

以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (8)

1.一种基于web的表达式编辑方法，其特征在于，所述方法包括：

响应于用户对编辑器的当前操作，判断所述当前操作是否为内容输入或内容删除；其中，所述编辑器配置有变量集数据源和函数集数据源，所述变量集数据源包含自动补全支持的变量，所述函数集数据源包含编辑器支持的函数；

如果是内容输入，则识别所述用户输入的编辑器内容，基于光标位置将所述编辑器内容切割成前后两段文本，分别将切割后的前后两段文本分别放入预设的正则表达式中匹配，分别从前后两段文本中提取出待匹配字符串；将所述待匹配字符串与所述变量集数据源或所述函数集数据源进行匹配，当所述待匹配字符串与所述变量集数据源或所述函数集数据源有匹配项时，根据所述匹配项和待匹配字符串采用自动补全方式或直接输入变量方式对所述待匹配字符串进行补全操作；其中，所述自动补全方式是采用所述匹配项替换所述待匹配字符串组成补全后编辑器内容；所述直接输入变量方式是将所述匹配项和所述待匹配字符串组成补全后编辑器内容；

如果是内容删除，则根据当前操作识别需要删除的内容进行清除。

2.根据权利要求1所述的基于web的表达式编辑方法，其特征在于，所述判断所述当前操作是否为内容输入，包括：

捕捉用户对编辑器的原生操作，得到所述用户当前操作的相关信息；

从所述相关信息中获取所述用户操作对应的ASCII编码；

查询ASCII编码表判断所述当前操作是否为内容输入。

3.根据权利要求1所述的基于web的表达式编辑方法，其特征在于，所述将所述待匹配字符串与所述变量集数据源或所述函数集数据源进行匹配，包括：

将所述待匹配字符串转换为统一码，其中，区分开所述待匹配字符串的数据格式；所述数据格式包括英文字符、特殊意义字符和中文字符；

采用所述待匹配字符串的统一码与所述变量集数据源或所述函数集数据源进行匹配。

4.根据权利要求1所述的基于web的表达式编辑方法，其特征在于，所述方法还包括：

将所述编辑器内容转化为结构化的Json数据结构；

使用预设规则分别把不同的json数据转换为不同的网页标签，层级与json数据结构一致，标签相互嵌套，并且在标签属性中加上数据属性，元素标签标记上各种信息。

5.根据权利要求4所述的基于web的表达式编辑方法，其特征在于，所述根据当前操作识别需要删除的内容进行清除，包括；

根据标签结构及绑定的属性，定位json数据相应位置，清空整个json数据。

6.一种基于web的表达式编辑装置，其特征在于，包括：

操作内容获取单元，用于响应于用户对编辑器的当前操作，判断所述当前操作是否为内容输入或内容删除；其中，所述编辑器配置有变量集数据源和函数集数据源，所述变量集数据源包含自动补全支持的变量，所述函数集数据源包含编辑器支持的函数；

内容输入单元，用于如果是内容输入，则识别所述用户输入的编辑器内容，基于光标位置将所述编辑器内容切割成前后两段文本，分别将切割后的前后两段文本分别放入预设的正则表达式中匹配，分别从前后两段文本中提取出待匹配字符串；将所述待匹配字符串与所述变量集数据源或所述函数集数据源进行匹配，当所述待匹配字符串与所述变量集数据源或所述函数集数据源有匹配项时，根据所述匹配项和待匹配字符串采用自动补全方式或直接输入变量方式对所述待匹配字符串进行补全操作；其中，所述自动补全方式是采用所述匹配项替换所述待匹配字符串组成补全后编辑器内容；所述直接输入变量方式是将所述匹配项和所述待匹配字符串组成补全后编辑器内容；

内容删除单元，用于如果是内容删除，则根据当前操作识别需要删除的内容进行清除。

7.一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行如权利要求1至5中任一项权利要求所述基于web的表达式编辑方法的步骤。

8.一种存储有计算机可读指令的存储介质，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行如权利要求1至5中任一项权利要求所述基于web的表达式编辑方法的步骤。

Images