[发明专利]一种基于标记语言的实时富文本编辑系统在审
申请号: | 202210859193.0 | 申请日: | 2022-07-20 |
公开(公告)号: | CN115204119A | 公开(公告)日: | 2022-10-18 |
发明(设计)人: | 李晨耀 | 申请(专利权)人: | 天津市红桥区太蒲科技工作室 |
主分类号: | G06F40/166 | 分类号: | G06F40/166;G06F40/143;G06F40/154;G06F16/957;G06F16/958 |
代理公司: | 北京岳盛瑞达知识产权代理事务所(普通合伙) 11956 | 代理人: | 刘兴华 |
地址: | 300131 天津市红桥区西于庄街*** | 国省代码: | 天津;12 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 基于 标记 语言 实时 文本编辑 系统 | ||
1.一种基于标记语言的实时富文本编辑系统,其特征在于:包括以下步骤:
S1、使用一个webview,文本内容包裹在一个contenteditable的div中,实现即允许展示,也允许编辑;
S2、用户在一个块中编辑后,通过监听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、
Autolink-inlinemeta/metadisplay type=”link”href=”link target”link cotent/displaymeta/meta/inline;
S6、使用window.getSelection()获取光标位置,光标所在style加上md-expand的class,然后使用CSS对.md-expand meta的内容进行display:inline的显示,实现光标所在位置显示原标记语言的内容。
2.根据权利要求1所述的一种基于标记语言的实时富文本编辑系统,其特征在于:meta的部分使用display:none隐藏,display的部分显示为对应格式。
3.根据权利要求1所述的一种基于标记语言的实时富文本编辑系统,其特征在于:已经支持的格式包括:一级标题、二级标题、三级标题、四级标题、五级标题、六级标题,正文段落,引用,有序列表,无序列表,任务列表,换行,YAMLFront Matters,自动目录,超链接,图片,代码,内联公式,加粗,斜体,代码块(支持自动高亮),公式块,高亮,上标,下标,脚注,水平线,流程图,表格,并且支持基于HTML的扩展。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于天津市红桥区太蒲科技工作室,未经天津市红桥区太蒲科技工作室许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202210859193.0/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种过流保护电连接器和电池模组
- 下一篇:一种新型导风、扫风结构与空调器