一种文本重绘的方法和富文本编辑器与流程

1.本技术属于文本处理技术领域，尤其涉及一种文本重绘的方法和富文本编辑器。


背景技术：

2.现有的富文本编辑器通常使用c/s架构，但是随着移动互联网时代的到来，基于c/s架构的富文本编辑器不符合移动化网页化的潮流，因此，目前大多采用canvas版的富文本编辑器。
3.基于canvas的富文本编辑器在书写时光标需要闪烁，并且在选择文本时，需要随着鼠标选中的范围绘制选区，这种绘制需要较高的重绘速度，但是，对于选中的文档内容并不需要发生更改时，没必要跟随选区的变更，对光标的闪烁进行重新绘制，因为绘制内容文本量较大时，重绘速度会很慢，影响书写速度。


技术实现要素：

4.本技术提供了一种文本重绘方法，通过分开对光标和文本进行重绘，解决了富文本编辑器重绘速度慢的问题，提高了文本的重绘效率。
5.第一方面，提供了一种文本重绘的方法，该方法应用于富文本编辑器，该富文本编辑器包括：低频绘制层和高频绘制层，低频绘制层包括第一画布，高频绘制层包括第二画布，该方法包括：低频绘制层获取待编辑文本的文本坐标；低频绘制层根据文本坐标确定高频绘制层在第二画布上的文本编辑光标位置；用户在高频绘制层的第二画布上的文本编辑光标位置处输入文本信息；低频绘制层根据文本信息在第一画布上重绘待编辑文本。
6.第一方面提供的方法，通过将富文本编辑器进行分层设计，使得低频绘制层获取待编辑文本的文本坐标，并将文本坐标发送给高频绘制层，然后利用高频绘制层绘制待编辑文本的文本编辑光标位置，用户可以在该文本编辑光标位置输入文本信息，然后低频绘制层根据用户输入的文本信息重绘待编辑文本，这种将光标的重绘和文本的重绘分开进行的方法，解决了富文本编辑器重绘速度慢的问题，提高了文本的重绘效率。
7.在一种可能的实现方式中，该方法还包括：低频绘制层根据用户的点击坐标，获取在点击坐标处的待编辑文本的文本坐标。在该种实现方式中，低频绘制层可以通过用户在高频绘制层的点击坐标，获取待编辑文本的文本坐标。
8.在一种可能的实现方式中，低频绘制层根据文本坐标确定高频绘制层在第二画布上的文本编辑光标位置，包括：低频绘制层将待编辑文本的文本坐标发送给高频绘制层；高频绘制层根据待编辑文本的文本坐标确定在第二画布上的文本编辑光标位置。在该种实现方式中，低频绘制层将待编辑文本的文本坐标发送给高频绘制层，通过高频绘制层进行文本编辑光标的重绘，从而可以实现将光标重绘和文本重绘分开进行，进而提高了重绘速度。
9.在一种可能的实现方式中，低频绘制层根据文本信息在第一画布上重绘待编辑文本，包括：低频绘制层根据接收到的第一指令在第一画布上重绘待编辑文本，第一指令为高频绘制层发送给低频绘制层的文本信息。在该种实现方式中，低频绘制层根据接收到的高
频绘制层发送给文本信息重绘待编辑文本，同样实现了将光标和文本的重绘通过不同层进行，提高了重绘速度。
10.在一种可能的实现方式中，高频绘制层为透明层，该方法还包括：通过该高频绘制层显示重绘后的文本信息。在该种实现方式中，将高频绘制层设置为透明层，保证了通过低频重绘层重绘后的文本信息可以通过高频绘制层显示给用户观看。
11.在一种可能的实现方式中，该方法还包括：高频绘制层根据编辑后的待编辑文本移动光标位置。在该种实现方式中，当重绘完成后，光标位置也应该随之发生改变，从而用户可以直观从编辑器上看见重绘结束后的文本位置。
12.第二方面，提供了一种通信装置，该通信装置包括用于执行以上第一方面或者第一方面的任意一方面可能的实现方式中的各个步骤的单元。
13.第三方面，提供了一种通信装置，该通信装置包括至少一个处理器和存储器，该至少一个处理器用于执行以上第一方面或第一方面的任意可能的实现方式中的方法。
14.第四方面，提供了一种通信装置，该通信装置包括至少一个处理器和接口电路，该至少一个处理器用于执行以上第一方面或者第一方面中的任意一方面可能的实现方式中的方法。
15.第五方面，提供了一种富文本编辑器，该富文本编辑器包括低频绘制层和高频绘制层，该低频绘制层包括第一画布，高频绘制层包括第二画布，该富文本编辑器用于执行以上第一方面或者第一方面中的任意一方面可能的实现方式中的方法。
16.在一种可能的实现方式中，该第一画布位于第二画布的底层，该第一画布和第二画布位于同一坐标系，该第二画布为透明层。在该种实现方式中，将第一画布设置在第二画布的底层，并且该第一画布和第二画布位于同一坐标系，当用户对高频绘制层点击时，低频绘制层可以获取该点击坐标，将第二画布设置为透明层，当低频绘制层完成文本重绘时，可以通过透明的第二画布显示在富文本编辑器上。
17.第六方面，提供了一种计算机程序产品，该计算机程序产品包括计算机程序，该计算机程序在被处理器执行时，用于执行第一方面或第一方面的任意可能的实现方式中的方法。
18.第七方面，提供了一种计算机可读存储介质，该计算机可读存储介质中存储有计算机程序，当该计算机程序被执行时，用于执行第一方面或第一方面的任意可能的实现方式中的方法。
19.第八方面，提供了一种芯片或者集成电路，该芯片或者集成电路包括：处理器，用于从存储器中调用并运行计算机程序，使得安装有该芯片或者集成电路的设备执行第一方面或第一方面的任意可能的实现方式中的方法。
20.可以理解的是，上述第二方面至第八方面的有益效果可以参见上述第一方面中的相关描述，在此不再赘述。
21.本技术实施例与现有技术相比存在的有益效果是：
22.本技术提供的文本重绘的方法，通过将富文本编辑器进行分层设计，使得低频绘制层获取待编辑文本的文本坐标，并将文本坐标发送给高频绘制层，然后利用高频绘制层绘制待编辑文本的文本编辑光标位置，用户可以在该文本编辑光标位置输入文本信息，然后低频绘制层根据用户输入的文本信息重绘待编辑文本，这种将光标的重绘和文本的重绘
分开进行的方法，解决了富文本编辑器重绘速度慢的问题，提高了文本的重绘效率。
附图说明
23.为了更清楚地说明本技术实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
24.图1是本技术实施例提供的文本重绘的示意性流程图；
25.图2是本技术实施例提供的富文本编辑器的示意图；
26.图3是本技术实施例提供的文本重绘设备的示意性框图。
具体实施方式
27.以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本技术实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本技术。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本技术的描述。
28.首先，在介绍本技术提供的方法和系统之前，需要对下文中即将提及的部分术语进行说明。当本技术提及术语“第一”或者“第二”等序数词时，除非根据上下文其确实表达顺序之意，否则应当理解为仅仅是起区分之用。
29.术语“示例性的”或者“例如”等词用于表示作例子、例证或说明。本技术实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其他实施或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
30.除非另有说明，本文中“/”一般表示前后关联对象是一种“或”的关系，例如，a/b可以表示a或b。术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。另外，在本技术的描述中，“多个”是指两个或两个以上。
31.富文本编辑器(rich text editor，rte)是一种可内嵌于浏览器，所见即所得的文本编辑器。富文本编辑器可用于编辑文章等内如以html的方式进行保存，html即超文本标记语言(hyper text markup language)，为标准通用标记语言下的一个应用标准。html不是一种编程语言，而是一种标记语言(markup language)，是网页制作所必备的。在针对保存后的富文本编辑器(例如一篇文章)内容进行渲染时，目前所有的app文章内容所渲染的方式是webview组件的方式，也就是网页去渲染编辑器的内容。由于webview是承载在app里面的一个组件，用于展示网络请求后的结果，也就是将url网络请求的结果展示在里面。因此，现有富文本编辑器内容对外输出是以字符串形式输出，即在编辑器输入内容/插入图片等操作，最后输出的内容无法在app native端所见即所得，只能在网页端html业务方进行针对性的解析，才能做到所见即所得的模式。
32.现有的富文本编辑器通常使用c/s架构，但是随着移动互联网时代的到来，基于c/s架构的富文本编辑器不符合移动化网页化的潮流，因此，目前大多采用的富文本编辑器为
dom版编辑器，市面上也有一种基于canvas版的富文本编辑器，该编辑器可以实现分页、带页眉页脚的富文本编辑。
33.canvas是html5的一个新标签，canvas标签是一个图形的容器，简单点说就是一块画布，可以在上面画矩形、圆形、三角形折线等等。
34.基于canvas的富文本编辑器通常在书写时，光标需要闪烁，在选择文本块时，需要随着鼠标选中的范围绘制选区，这种绘制，需要较高的重绘速度，但是当文档内容并没有发生变更时，没必要跟踪选区的变更，光标的闪烁进行重新绘制。目前现有的canvas编辑器，绘制整体内容时并且当文本量较小时，整体重绘不会影响书写，但当文本量较大时，重绘非常卡顿，无法满足书写要求。
35.例如，随着医院对信息化的要求越来越高，在病历书写时，基于canvas的富文本编辑器应用越来越广泛，当需要书写的病历文本较小时，整体重绘不会影响书写，但当病历文本量较大时，重绘会非常卡顿，给医护人员带来不必要的麻烦。
36.有鉴于此，本技术提供了一种文本编辑方法，该方法应用于富文本编辑器，该富文本编辑器包括低频绘制部分和高频绘制部分，通过将低频绘制部分绘制文本和高频绘制的光标和选区分开，在需要变更文档内容时，只需要重绘底层画布的变更区域，这样的文本绘制方法不需要占用较多资源，从而使得富文本编辑器有较高的绘制效率。
37.下面对本技术实施例提供的文本重绘的方法适用的场景进行简单介绍。
38.在一种可能的应用场景中，医生在书写电子病历时，可以使用本技术实施例提供的富文本编辑器的文本绘制方法。
39.在另一种可能的场景中，老师在教学时，书写课件时可以使用本技术实施例提供的富文本编辑器的文本绘制方法。
40.下面，结合具体的例子对本技术提供的文本重绘的方法进行示例性说明。图1示出了本技术实施例提供的文本重绘的示意性流程图。如图1所示的，该文本重绘的方法包括：s110至150。
41.s110、根据用户在高频重绘层的点击坐标，确定低频重绘层待编辑文本的文本坐标。
42.在本技术实施例中，可以根据用户在高频重绘层的点击坐标，确定在低频重绘层需要编辑的待编辑文本的文本坐标。
43.具体的，当用户需要对待编辑文本进行编辑时，首先点击本技术实施例提供的富文本编辑器上的编辑区域，由于富文本编辑器的上层为高频重绘层，那么高频重绘层会首先接收用户的点击坐标，由于低频重绘层和高频重绘层的坐标重合，那么当用户点击高频重绘层时，低频重绘层也会获取到用户的点击坐标，然后，低频重绘层根据点击坐标获取点击处的待编辑文本的文本坐标。
44.例如：用户的待编辑文本为“用户”两个字，当用户的点击坐标位于“病”字和“例”中间时，那么低频重绘层可以根据点击坐标获取“病历”的文本坐标。
45.s120、高频重绘层根据待编辑文本的文本坐标移动光标的位置。
46.可以理解的是，当用户在编辑器上的编辑区域进行点击之后，光标未必显示在待编辑文本的文本坐标处，因此需要将光标的位置移动到待编辑文本的文本坐标位置。
47.在本技术实施例中，低频重绘层通知高频重绘层，将光标移动到待编辑文本的坐
标位置处，高频重绘层接收到移动光标的信息后将光标移动到新的位置处。
48.值得说明的是，低频重绘层只负责文本的重绘，并不负责光标的重绘，那么低频重绘层需要将移动光标的信息发送给高频重绘层，高频重绘层负责光标的重绘。
49.示例性的，低频重绘层将获取到的“病历”的文本坐标发送给高频重绘层，高频重绘层将光标移动到“病历”的文本坐标之前。
50.s130、基于高频重绘层的光标位置，对待编辑文本进行重新编辑。
51.在本技术实施例中，当用户获取了可以重绘文本的光标位置时，可以基于该光标位置对待编辑文本进行重新编辑。
52.具体的，当光标显示在高频重绘层时，用户就可以在富文本编辑器上看见光标位于待编辑文本之前，那么用户就可以在编辑器上重新录入文本，从而实现对待编辑文本的编辑。
53.s140、低频重绘层根据高频重绘层录入的文字重绘文字。
54.可以理解的是，由于编辑器的上层为高频重绘层，该高频重绘层为透明层，并且高频重绘层只负责重绘光标，不负责文本的重绘，因此当用户在高频重绘层对待编辑文本进行重绘后，并没有完成待编辑文本的重新编辑，需要低频重绘层根据高频重绘层录入的文本对待编辑文本进行重新编辑。
55.在本技术实施例中，高频重绘层通知低频重绘层录入的文本信息，然后低频重绘层根据录入的文本信息重新对待编辑文本进行重绘。
56.s150、高频重绘层根据编辑后的文本的坐标将移动光标位置。
57.在本技术实施例中，当低频重绘层完成对待编辑文本的重新编辑之后，通知高频重绘层移动将光标到新的位置。
58.最后，高频重绘层接收低频重绘层的信息后，并将光标移动到重绘的文本之后，然后低频重绘层的文本透过透明的高频图层显示在编辑器上，完成待编辑文本的编辑。
59.本技术实施例提供的文本重绘的方法，通过将富文本编辑器进行分层设计，使得低频绘制层获取待编辑文本的文本坐标，并将文本坐标发送给高频绘制层，然后利用高频绘制层绘制待编辑文本的文本编辑光标位置，用户可以在该文本编辑光标位置输入文本信息，然后低频绘制层根据用户输入的文本信息重绘待编辑文本，这种将光标的重绘和文本的重绘分开进行的方法，解决了富文本编辑器重绘速度慢的问题，提高了文本的重绘效率。
60.下面对本技术实施例提供的富文本编辑器进行具体介绍。图2示出了本技术实施例提供富文本编辑器的示意图，如图2所示的，该富文本编辑器包括：低频绘制层210和高频绘制层220。低频绘制层210包括第一画布，高频绘制层220包括第二画布。
61.可选的，第一画布位于第二画布的底层，第一画布和第二画布位于同一坐标系，高频绘制层为透明层。
62.该低频绘制层210用于获取待编辑文本的文本坐标；根据所述文本坐标确定所述高频绘制层在所述第二画布上的文本编辑光标位置；根据所述文本信息在所述第一画布上重绘所述待编辑文本。
63.可选的，低频绘制层210还用于根据用户的点击坐标，获取在所述点击坐标处的所述待编辑文本的文本坐标。
64.可选的，低频绘制层210还用于将所述待编辑文本的文本坐标发送给所述高频绘
制层。
65.可选的，低频绘制层210还用于根据接收到的第一指令在所述第一画布上重绘所述待编辑文本。
66.该高频绘制层220用于将第二画布上的光标位置移动到文本编辑光标位置。
67.可选的，高频绘制层220还用于根据所述待编辑文本的文本坐标确定在所示第二画布上的所述文本编辑光标位置；
68.可选的，高频绘制层220还用于显示重绘后的文本信息。
69.可选的，高频绘制层220还用于根据编辑后的待编辑文本移动光标位置。
70.图3是本技术实施例提供的文本重绘的设备的示意图。如图3所示，该实施例提供的文本重绘的设备300包括：处理器310、存储器320以及存储在所述存储器320中并可在所述处理器310上运行的计算机程序330。处理器310执行所述计算机程序330时实现上述各个文本重绘的方法实施例中的步骤，例如图1所示的步骤110至150。或者，所述处理器310执行所述计算机程序330时实现上述各装置实施例中各模块/单元的功能，例如图2所示模块210-220的功能。
71.示例性的，所述计算机程序330可以被分割成一个或多个模块/单元，所述一个或者多个模块/单元被存储在所述存储器320中，并由处理器310执行，以完成本技术。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序330在所述文本重绘的设备300中的执行过程。
72.所述文本重绘的设备300可以是桌上型计算机、笔记本、掌上电脑及云端服务器或者上位机等计算设备。所述文本重绘的设备可包括，但不仅限于，处理器310、存储器320。本领域技术人员可以理解，图3仅仅是文本重绘的设备的示例，并不构成对文本重绘的设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述文本重绘的设备还可以包括输入输出设备、网络接入设备、总线等。
73.所称处理器310可以是中央处理单元(central processing unit，cpu)，还可以是其他通用处理器、数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现成可编程门阵列(field-programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
74.所述存储器320可以是所述文本重绘的设备300的内部存储单元，例如文本重绘的设备300的硬盘或内存。所述存储器320也可以是所述文本重绘的设备300的外部存储设备，例如所述文本重绘的设备300上配备的插接式硬盘，存储卡(smart media card,smc)，安全数字(secure digital,sd)卡，闪存卡(flash card)等。进一步地，所述存储器320还可以既包括所述文本重绘的设备300的内部存储单元也包括外部存储设备。所述存储器320用于存储所述计算机程序以及所述文本重绘的设备所需的其他程序和数据。所述存储器320还可以用于暂时地存储已经输出或者将要输出的数据。
75.应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本技术实施例的实施过程构成任何限定。
76.本技术实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时可实现上述文本重绘的方法。
77.本技术实施例提供了一种计算机程序产品，当计算机程序产品在文本重绘的设备上运行时，使得文本重绘的设备执行时实现可实现上述文本重绘的方法。
78.所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本技术的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
79.在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。
80.本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本技术的范围。
81.在本技术所提供的实施例中，应该理解到，所揭露的装置/终端设备和方法，可以通过其它的方式实现。例如，以上所描述的装置/终端设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。
82.所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
83.另外，在本技术各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
84.所述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本技术实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、
光盘、计算机存储器、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。
85.以上所述实施例仅用以说明本技术的技术方案，而非对其限制；尽管参照前述实施例对本技术进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本技术各实施例技术方案的精神和范围，均应包含在本技术的保护范围之内。