CN104794140A - 一种文本高亮显示的方法和装置 - Google Patents

Abstract

本发明适用于文本编辑领域，提供了一种文本高亮显示的方法和装置，包括文本输入层和位于文本输入层下层的文本高亮层，所述方法包括：在所述文本输入层接收用户输入的文本；根据预设的高亮显示的词库，判断所述用户输入的文本是否为需要高亮显示的文本；如果所述用户输入的文本为需要高亮显示的文本，在所述文本输入层将所述用户输入的文本替换为对应的空白字符；由文本高亮层对所述用户输入的文本进行高亮处理。在接收到高亮显示的文本时，通过将上层的文本输入层使用空白字符替换，从而避免上层的文字输入层接收文字输入时由于不透明度产生拖影的问题，并且能够使光标显示明显，提高用户使用的便利性。

Description

一种文本高亮显示的方法和装置

技术领域

本发明属于文本编辑领域，尤其涉及一种文本高亮显示的方法和装置。

背景技术

在WEB应用页面的文本编辑页面或者本地的文本编辑界面中，为方便显示文本中的重要信息，常常会对文本中的部分文字高亮显示。

为实现对文本编辑器中部分文字的高亮显示，现有技术中，如网页中的高亮显示，通常采用页面标签定义textarea层和div层，其中textarea层位于div层位于textarea层之上，通过使用textarea层接收用户输入的文字，由div层高亮显示用户输入的文本。现有技术对textarea层进行了半透明处理，在textarea层输入的文字只以浅浅的灰色显示，以便div层的高亮效果能够显示出来，然而，上述半透明处理在用户快速输入时容易造成一定的拖影，同时，也会导致光标也呈现与textarea层相同的半透明度，显示效果较不明显。

发明内容

本发明实施例的目的在于提供一种文本高亮显示的方法，以解决现有技术在高亮显示文本时，容易导致拖影和光标显示效果不明显的问题。

本发明实施例是这样实现的，一种文本高亮显示的方法，所述方法包括：

在所述文本输入层接收用户输入的文本；

根据预设的高亮显示的词库，判断所述用户输入的文本是否为需要高亮显示的文本；

如果所述用户输入的文本为需要高亮显示的文本，在所述文本输入层将所述用户输入的文本替换为对应的空白字符；

由文本高亮层对所述用户输入的文本进行高亮处理；

所述文本输入层叠加于所述文本高亮层之上。

本发明实施例的另一目的在于提供一种文本高亮显示的装置，所述装置包括：

接收单元，用于在所述文本输入层接收用户输入的文本；

判断单元，用于根据预设的高亮显示的词库，判断所述用户输入的文本是否为需要高亮显示的文本；

选择单元，用于如果所述用户输入的文本为需要高亮显示的文本，在所述文本输入层将所述用户输入的文本替换为对应的空白字符；

第一显示单元，用于由文本高亮层对所述用户输入的文本进行高亮处理；

所述文本输入层叠加于所述文本高亮层之上。

在本发明实施例中，在高亮显示文本的页面中，包括用于接收用户输入文本信息的文本输入层和用于高亮显示文本的文本高亮层，使文本输入层位于文本高亮层的上层，在接收到高亮显示的文本时，通过将上层的文本输入层使用空白字符替换，从而避免上层的文字输入层接收文字输入时由于不透明度产生拖影的问题，并且能够使光标显示明显，提高用户使用的便利性。

附图说明

图1是本发明第一实施例提供的文本高亮显示的方法的实现流程图；

图2是本发明第二实施例提供的文本高亮显示的方法的实现流程图；

图3是本发明第三实施例提供的文本高亮显示的方法的实现流程图；

图4为本发明第四实施例提供的文本高亮显示的装置的结构框图。

具体实施方式

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

本发明实施例所述文本高亮显示的方法和装置，可用于网页页面或者应用程序的文本编辑界面的设计。终端可以通过浏览器或者应用程序界面实现文本的高亮显示的输入，根据预先设置的高亮的关键词库，相应的显示用户输入的文本中的高亮关键词，便于用户快速有效的进行区分。本发明实施例所述文本高亮显示的方法，在高亮显示文本的页面包括用于接收用户输入文本信息的文本输入层和用于高亮显示文本的文本高亮层，所述文本输入层位于文本高亮层的上层，所述方法包括：

在所述文本输入层接收用户输入的文本；

根据预设的高亮显示的词库，判断所述用户输入的文本是否为需要高亮显示的文本；

如果所述用户输入的文本为需要高亮显示的文本，在所述文本输入层将所述用户输入的文本替换为对应的空白字符；

由文本高亮层对所述用户输入的文本进行高亮处理。

本发明实施例所述的高亮显示文本的页面中，包括用于接收用户输入文本信息的文本输入层和用于高亮显示文本的文本高亮层，使文本输入层位于文本高亮层的上层，在接收到高亮显示的文本时，通过将上层的文本输入层使用空白字符替换，从而避免上层的文字输入层接收文字输入时由于不透明度产生拖影的问题，并且能够使光标显示明显，提高用户使用的便利性。

实施例一：

本发明实施例所述的高亮显示文本的页面，包括用于接收用户输入文本信息的文本输入层和用于高亮显示文本的文本高亮层，所述文本输入层位于文本高亮层的上层。图1示出了本发明第一实施例提供的文本高亮显示的方法的实现流程，详述如下：

在步骤S101中，在文本输入层接收用户输入的文本。

具体的，所述文本输入层，对于使用浏览器页面进行文本的输入时，可以使用页面标签“textarea”定义所述文本输入层。对于使用其它应用程序，如可高亮显示程序语言的编程记事本等，进行高亮文本的输入时，可以通过第三方的层编辑软件进行相应的定义，使其可用于接收用户输入的文本。

所述用户输入的文本，包括字符以及控制字符，对于字符，需要判断其是否属于需要高亮的关键字，在用户输入控制字符，如对于文本格式的控制字符，包括空格、换行等，一般不需要对控制字符做出是否是高亮的判断。所述接收用户输入的字符，包括英文字符和非英文字符，其中，所述英文字符占用的字符宽度和非英文字符所占用的字符宽度不相同，如英文字符一般占用一个字符宽度，而非英文字符，如汉字等，占用两个字符宽度。

在文本输入时，一般还包括标点符号，同一标点符号，在不同字符构成的文本中，所占用的字符宽度也不相同，如在中文输入状态，输入的标点符号为与中文字符同样字符宽度的两个字符宽度，在英文输入状态，输入的标点符号为与英文字符同样字符宽度的一个字符宽度。

用户输入文本的方式，对于电脑终端，包括键盘输入、触摸输入或者鼠标输入等输入方式，对于智能移动终端，包括键盘输入、触摸输入或者轨迹球输入等。

在步骤S102中，根据预设的高亮显示的词库，判断所述用户输入的文本是否为需要高亮显示的文本。

所述预设的高亮显示的词库，根据具体显示的要求，可以相应的进行设定，如对于程序编辑界面，可以定义所述程序语言对应的关键字，如对于C语言，可以定义其中的关键字如“int”、“char”等关键词作为关键词库。

而对于中文输入模式下的关键词，可以由用户设定相应的标签关键字，在用户输入到与标签相应的字词时，在检测到输入的字词与预设的字词相符时，予以高亮显示。同样，在对文本进行编辑时，删除部分字词的同时，对于修改了部分字符的高亮文本，需要重新检测其是否为需要高亮显示的文本。

所述判断的方式，可以通过关键词的匹配查找，当所输入的文本中包括与关键词库中一致的字词时，判定其为高亮的文本，需要对其高亮显示。

所述步骤S103中，如果所述用户输入的文本为需要高亮显示的文本，在所述文本输入层将所述用户输入的文本替换为对应的空白字符。

所述接收文本的层为文本输入层，其位于高亮文本层的上层，在正常状态下，如果所述文本输入层的不透明度为1，那么所显示的即为文本输入层的字，位于文本输入层下层的高亮显示层不能显示。通过修改文本输入层的不透明度后，虽然可以使得位于上层的文本输入层的文字显示不明显，但是，仍然会显示一定的拖影效果，而且不透度的设置，使得光标的显示效果也相应的减弱，给用户输入带来不便。

在此步骤中，通过将判断为需要高亮显示的文本，相应的替换为空白字符，使得位于下层的高亮文本层的高亮显示的文字能够显示。

具体的，所述空白字符可以空字符或者空格字符。

在步骤S104中，由文本高亮层对所述用户输入的文本进行高亮处理。

其中，所述高亮显示包括加粗字体和改变字体的显示颜色。以能够相对于一般文本能够区别显示为准，如对于普通文本为加粗的黑体，则可以通过改变字体颜色实现高亮显示，对于字体本身具有特殊颜色，可以通过改变字体粗细等方式，实现其在文本输入层的高亮文本由空白字符替换后，可使得文本高亮层的高亮文本能够得以正常显示，而且位于文本输入层使用空白字符替换需要高亮显示的文本，不会出现拖影现象，而且光标也能够得以正常显示，从而有利于提高用户输入的便利性，也相应的提升用户的输入体验。

实施例二：

本发明实施例所述的高亮显示文本的页面，包括用于接收用户输入文本信息的文本输入层和用于高亮显示文本的文本高亮层，所述文本输入层位于文本高亮层的上层。图2示出了本发明第二实施例提供的文本高亮显示的方法的实现流程，详述如下：

在步骤S201中，在所述文本输入层接收用户输入的文本。

在步骤S202中，根据预设的高亮显示的词库，判断所述用户输入的文本是否为需要高亮显示的文本。

在步骤S203中，如果所述用户输入的文本信息是否为需要高亮显示的文本，检测所述用户输入的文本的字符宽度。

一般的，所述用户输入的文本，包括英文文本和非英文文本，对于英文文本，包括英文文本中的标点符号，其占用的字符宽度为一个字符宽度，对于非英文文本，如中文、日文、韩文等，其占用的字符宽度为两个字符宽度。

在判断所用户输入的文本的字符宽度时，可以根据输入法的切换相应的进行判断，在开启英文本输入状态时，所接收的字符为占用一个字符宽度的字符，当开启如中文输入法，包括五笔输入法、拼音输入法、二笔输入法时，对用户输入的文本的每个字符所占用的字符宽度为两个字符宽度，当切换到英文输入法时，每个字符占用的字符宽度为一个字符宽度。

在步骤S204中，根据检测出的所述用户输入的文本的字符宽度，选择与该字符宽度相匹配的空白字符；

根据步骤S203中得到的字符宽度信息，相应的选择所其对应的空白字符对所述高亮的文本进行替换。

当所述文本为中文或者其它双字符宽度的字符时，相应的替换每个字符的unicode编码为12288的空白字符，当所述文本为英文字符时，相应的替换每个字符为unicode编码为160的空白字符。当然还可以设定一个中文字符由两个unicode编码为160的空白字符替换。

另外，作为一种可选的实施方式，在需要对所有文本进行高亮显示时，可以建立预设的字体库，所述预设的字体库中的字符均为不显示任何图案的字符，所述在所述文本输入层将所述用户输入的文本替换为对应的空白字符具体为：

在所述文本输入层将所述用户输入的文本映射为所述预设的字体库中的字符。

根据字体映射的对应关系，在字体映射表中设定所映射的字符为透明字符，从而从整体上显示位于下层的文本高亮层的文字。

在步骤S205中，由文本高亮层对所述用户输入的文本进行高亮处理。

在步骤S206中，如果所述用户输入的文本为控制字符或者为非高亮显示的文字，在文本输入层直接显示所述非高亮的文本和控制字符。

由于在文本输入时，还包括除了字符以外的控制信息，如空格、换行等，对于控制字符以及非高亮显示的文字，可由文本输入层直接显示。

本步骤与实施例一相同，通过文本高亮层显示需要高亮的文本数据。区别在于本发明实施例对所述输入的文本按照字符宽度进行相应的替换，使得位于文本高亮层的数据与文本输入层的数据对应，显示更加可靠准确。

实施例三：

本发明实施例所述的高亮显示文本的页面，包括用于接收用户输入文本信息的文本输入层和用于高亮显示文本的文本高亮层，所述文本输入层位于文本高亮层的上层。图3示出了本发明第三实施例提供的文本高亮显示的方法的实现流程，在实施例一的基础上，本发明实施例在步骤S301，在所述文本输入层接收用户输入的文本之后，所述方法还包括：

在步骤S302中，在预设的字体库中查找是否存在所述用户输入的文本的字体。

在步骤S303中，如果在预设的字体库中存在所述用户输入的文本的字体，则修改所述文本输入层和文本高亮层的层叠顺序，设定所述高亮显示层透传属性。

所述修改文本输入层和文本高亮层的层叠顺序，可以通过修改文字输入层的z-index的属性，或者修改文字高亮层的z-index的属性，或者同时修改文字输入层和文字高亮层的z-index的属性，使得文字输入层位于文字高亮层的下层，可由文字高亮层中需要高亮显示的文字直接遮盖位于下层的文字输入层中的文字，由于设定高亮层为透传属性，可使得非高亮显示的在文本输入层的文本可以直接显示。

其中，所述的预设的字体库为方正形的字体库，包括如楷体、黑体等方正形字体。这是由于方正形的字体能够较好的遮挡位于下层的文字，不会出现毛刺的效果，从而更好的提高用户的输入体验。

本发明实施例与实施例一相比，还包括对输入的文本的字体的判断，通过判断字体调整文字输入层与文字高亮层的显示位置，从而更为方便的实现对高亮文字的显示。

实施例四：

图4示出了本发明第四实施例提供的文本高亮显示的装置的结构示意图，详述如下：

在高亮显示文本的页面包括用于接收用户输入文本信息的文本输入层和用于高亮显示文本的文本高亮层，所述文本输入层位于文本高亮层的上层，所述装置包括：

接收单元401，用于在所述文本输入层接收用户输入的文本；

判断单元402，用于根据预设的高亮显示的词库，判断所述用户输入的文本是否为需要高亮显示的文本；

选择单元403，用于如果所述用户输入的文本为需要高亮显示的文本，在所述文本输入层将所述用户输入的文本替换为对应的空白字符；

第一显示单元404，用于由文本高亮层对所述用户输入的文本进行高亮处理。

进一步的，所述装置还包括：

第二显示单元，用于如果所述用户输入的文本为控制字符或者为非高亮显示的文字，在文本输入层直接显示所述非高亮的文本和控制字符。

进一步的，所述装置还包括：

查找单元，用于在预设的字体库中查找是否存在所述用户输入的文本的字体；

修改设定单元，用于如果在预设的字体库中存在所述用户输入的文本的字体，则修改所述文本输入层和文本高亮层的层叠顺序，设定所述高亮显示层透传属性。

其中，所述选择单元具体用于所述如果所述用户输入的文本信息是否为需要高亮显示的文本，检测所述用户输入的文本的字符宽度；根据检测出的所述用户输入的文本的字符宽度，选择与该字符宽度相匹配的空白字符；

可选的，所述空白字符为空字符或者空格字符，所述的预设的字体库为方正形的字体库。所述高亮显示包括加粗字体和改变字体的显示颜色。

在本发明实施例所述装置与实施例一至实施例三中所述方法相对应，在此不作重复赘述。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种文本高亮显示的方法，其特征在于，所述方法包括：

在文本输入层接收用户输入的文本；

根据预设的高亮显示的词库，判断所述用户输入的文本是否为需要高亮显示的文本；

如果所述用户输入的文本为需要高亮显示的文本，在所述文本输入层将所述用户输入的文本替换为对应的空白字符；

由文本高亮层对所述用户输入的文本进行高亮处理；

所述文本输入层叠加于所述文本高亮层之上。

2.根据权利要求1所述方法，其特征在于，所述如果所述用户输入的文本为需要高亮显示的文本，在所述文本输入层将所述用户输入的文本替换为对应的空白字符步骤具体为：

所述如果所述用户输入的文本信息是否为需要高亮显示的文本，检测所述用户输入的文本的字符宽度；

根据检测出的所述用户输入的文本的字符宽度，选择与该字符宽度相匹配的空白字符；

用选择的所述空白字符替换所述用户输入的文本。

3.根据权利要求2所述方法，其特征在于，所述空白字符为空字符或者空格字符。

4.根据权利要求1所述方法，其特征在于，在所述根据预设的高亮显示的词库，判断所述用户输入的文本是否为需要高亮显示的文本步骤之后，所述方法还包括：

如果所述用户输入的文本为控制字符或者为非高亮显示的文字，在文本输入层直接显示所述非高亮的文本和控制字符。

5.根据权利要求1所述方法，其特征在于，在所述在文本输入层接收用户输入的文本步骤之前，所述方法还包括：

建立预设的字体库，所述预设的字体库中的字符均为不显示任何图案的字符；

所述在所述文本输入层将所述用户输入的文本替换为对应的空白字符具体为：

在所述文本输入层将所述用户输入的文本映射为所述预设的字体库中的字符。

6.权利要求1所述的方法，其特征在于，在所述在文本输入层接收用户输入的文本步骤之后，所述方法还包括：

在预设的字体库中查找是否存在所述接收的文本的字体；

如果在预设的字体库中存在所述接收的文本的字体，则修改所述文本输入层和文本高亮层的层叠顺序，设定所述高亮显示层透传属性。

7.根据权利要求1至五任一项所述方法，其特征在于，所述高亮显示包括加粗字体和改变字体的显示颜色。

8.一种文本高亮显示的装置，其特征在于，所述装置包括：

接收单元，用于在文本输入层接收用户输入的文本；

判断单元，用于根据预设的高亮显示的词库，判断所述用户输入的文本是否为需要高亮显示的文本；

选择单元，用于如果所述用户输入的文本为需要高亮显示的文本，在所述文本输入层将所述用户输入的文本替换为对应的空白字符；

第一显示单元，用于由文本高亮层对所述用户输入的文本进行高亮处理；

所述文本输入层叠加于所述文本高亮层之上。

9.根据权利要求8所述装置，其特征在于，所述装置还包括：

第二显示单元，用于如果所述用户输入的文本为控制字符或者为非高亮显示的文字，在文本输入层直接显示所述非高亮的文本和控制字符。

10.根据权利要求8所述装置，其特征在于，所述装置还包括：

查找单元，用于在预设的字体库中查找是否存在所述用户输入的文本的字体；

修改设定单元，用于如果在预设的字体库中存在所述用户输入的文本的字体，则修改所述文本输入层和文本高亮层的层叠顺序，设定所述高亮显示层透传属性。