[发明专利]一种基于标记语言的实时富文本编辑系统

说明书

本发明涉及一种基于标记语言的实时富文本编辑系统，使用一个webview，文本内容包裹在一个contenteditable的div中，实现即允许展示，也允许编辑；S2、用户在一个块中编辑后，通过监听input事件，触发一个brush函数，该函数会获取该块的textContent，然后通过正则表达式逐字进行解析为AST；S3、匹配/^\r？\n/‑softbreak类型；S6、使用window.getSelection()获取光标位置，光标所在style加上md‑expand的class，然后使用CSS对.md‑expand meta的内容进行display:inline的显示，实现光标所在位置显示原标记语言的内容。优点：由用户书写简单易学的标记语言，并在同一界面中实时显示该标记语言对应的富文本格式的编辑器。

技术领域

本发明涉及计算机技术领域，具体是指一种基于标记语言的实时富文本编辑系统。

背景技术

当前产生富文本的方案主要是通过所见即所得的界面，或者是用户编写源代码，经程序转义后生成富文本内容。

所见即所得的编辑器(比如Word，RTF)用户难以使用纯键盘完成具有多种格式(比如同时包含标题，正文，表格，公式，等格式)的文本。其产出的文本也难以区别样式上的“格式”与结构上的“格式”(例如样式上一段大号加粗居中的句子，它既有可能是样式被调整为大号加粗居中的普通段落，也有可能是样式被调整为大号加粗居中的标题),有些编辑器甚至只有样式的区别，没有结构上的区别。所见即所得的编辑器生成的内容，往往需要安装使用同一标准的程序才能编辑甚至浏览(例如要打开和编辑Word文件，用户就必须安装支持微软相关格式标准或专利技术的软件)。

另一种方式是使用源代码书写(例如LaTeX，HTML，BBCode)，经特定程序转义后显示为富文本内容，比如书写HTML代码h1标题/h1,经浏览器程序转义后显示为一个“标题”。这种方式需要用户具有相关知识，对用户要求较高，用时编写和预览并不能在同一个界面中无缝衔接。

发明内容

本发明解决上述的技术问题，提供一种由用户书写简单易学的标记语言，并在同一界面中实时显示该标记语言对应的富文本格式的基于标记语言的实时富文本编辑系统。

为解决上述技术问题，本发明提供的技术方案为：一种基于标记语言的实时富文本编辑系统，也就是基于Typora轻量级编辑器的实时富文本编辑系统，包括以下步骤：

S1、使用一个webview，文本内容包裹在一个contenteditable的div中，实现即允许展示，也允许编辑；

S2、用户在一个块(block)中编辑后，通过监听input事件，触发一个brush函数，该函数会获取该块的textContent，然后通过正则表达式逐字进行解析为AST(抽象语法树)；

S3、匹配/^\r？\n/-softbreak类型，剩下的文本匹配/^^\\([\\`*{}\[\]()#+\-.！_$|～'])/-escape类型；剩下的文本匹配/^\uE016？((([^]+(@|:)[^]+))|(\s*www\.[^]+))\uE017？\uE019？/-Autolink类型；

S4、对支持的所有inline style逐次类推，直至匹配完所有文本，获得了一个AST；

S5、然后实现一个toHTML函数，将AST转义为HTML：

包括Softbreak-inlinemeta\n/meta/inline

Escape-如果是escape了字符X则转移为inlinemeta\/metadisplayX/display/inline、