[发明专利]编辑富文本的方法及富文本编辑器

说明书

技术领域

本发明涉及文本编辑技术，尤其涉及一种编辑富文本（Rich Text）的方法及富文本编辑器（RTE，Rich Text Editor）。

背景技术

富文本编辑器是一种可内嵌于浏览器，实现所见即所得的文本编辑器。由于富文本编辑器不同于普通的文本编辑器，用户可到互联网上下载免费的富文本编辑器，并内嵌于自己的网站或程序里，可以提供类似于Microsoft Word的编辑功能，使用户可以在网页上实现内容编写、排版，不会编写超文本标记语言（HTML，Hypertext Markup Language）的用户，也可以根据需要，编辑满足自身个性化需求的各种文本内容，方便用户编辑文章或信息，因而，深受用户喜爱，其应用也越来越广泛。例如，广泛应用于用户日常生活的博客、日志、邮件等业务中。

图1为现有编辑富文本的方法流程示意图。参见图1，该流程包括：

步骤101，在网页上展现预先内嵌的富文本编辑器中的编辑按钮；

本步骤中，用户可通过互联网，下载免费的富文本编辑器，并内嵌于自己的网页、网站或程序里。这样，在打开网页时，可以在网页里展现富文本编辑器中的各编辑按钮控件，以便于用户选择相应的编辑按钮控件进行文本编辑。

步骤102，采用JavaScript脚本，为编辑按钮控件绑定用于监听用户操作的处理事件；

本步骤中，JavaScript脚本为基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。

步骤103，通过JavaScript脚本创建一个用于承载用户输入的文本输入框；

本步骤中，文本输入框用于为用户提供文本编辑的空间，在文本输入框上方，设置各编辑按钮控件。例如，对于邮件发送，空白网页中包含用于内容输入的正文文本框、以及，对正文文本框中文本内容进行编辑的各编辑按钮控件。

步骤104，监听到用户触发处理事件，根据用户的操作，触发与处理事件绑定的编辑按钮控件对用户的操作进行相应编辑；

本步骤中，当用户需要进行文本编辑并进行发布时，点击相应的编辑按钮控件，触发输出处理事件，富文本编辑器根据接收的触发事件，触发与处理事件绑定的编辑按钮控件，对用户的操作进行相应编辑。例如，用户通过点击编辑按钮控件，触发输出编辑处理事件，JavaScript脚本执行相应的脚本，向用户展现预先创建的文本输入框，这样，用户可以在承载用户输入的文本输入框，即空白网页中输入相关内容，并在内容输入完毕后，可以通过其他相应的编辑按钮控件，对输入内容的样式（如字体颜色、大小）、排版（如居中对齐）等文本属性进行修改。

步骤105，提取用户在文本输入框中输入的内容，进行存储。

本步骤中，在监测到用户编辑完内容后，首先提取用户编辑完成的文本内容以及文本属性信息，然后提交到服务器端，保存到数据库里。

这样，即可完成富文本编辑的流程。

后续中，用户通过点击富文本编辑器的发布按钮控件，服务器将保存到数据库中的文本内容，按照用户的设置，监测各目标用户的当前状态，当目标用户访问网页时，服务器直接将从数据库中读取的文本内容输出至该目标用户的网页页面，按照设置的文本属性进行展现。当然，实际应用中，服务器也可以对文本内容执行过滤处理，以过滤文本内容中包含的不安全字符。

由上述可见，现有编辑富文本的方法，由于富文本编辑器创建的文本输入框只能支持文本内容的通用编辑，不支持用户通过鼠标拖拽对文本输入框中的文本内容局部样式进行单独排版，例如，通过鼠标拖拽，对文本输入框中的部分文本内容进行拖动，必然影响其他部分文本内容在文本输入框中的布局，因而，使得编辑效率较低；进一步地，富文本编辑器中的编辑按钮控件数量有限，对应的编辑功能不足，不能对文本内容进行旋转、倾斜或倒置等操作，也不能改变编辑的文本中的文字字距，还不能对文本中的文字进行加阴影操作，更不能将编辑的文本内容生成动画效果进行展现等，编辑方式较为简单、编辑功能少，使得生成的富文本样式较为单一，不能满足用户个性化的需求。

发明内容

本发明的实施例提供一种编辑富文本的方法，提高富文本编辑效率、丰富编辑的富文本样式。

本发明的实施例还提供一种富文本编辑器，提高富文本编辑效率、丰富编辑的富文本样式。

为达到上述目的，本发明实施例提供的一种编辑富文本的方法，包括：

构建浮动的框架页面，在构建的浮动框架页面中，通过JavaScript脚本设置富文本编辑器操作菜单、包含层叠样式表的内容容器以及文本输入框；