[发明专利]解析富文本编辑器内容给原生客户端渲染的方法、系统及介质

说明书

本发明公开了一种解析文本编辑器内容给原生客户端渲染的方法、系统及介质，本发明方法包括将富文本编辑器内容分段；针对每一个段落，按照顺序读取内容元素信息，内容元素信息包括内容元素的类型、内容元素对应文本内容或媒体内容的路径、内容元素对应文本格式属性或媒体内容属性，如果内容元素的类型为文本内容，则根据文本格式属性对文本内容使用富文本格式进行渲染；如果内容元素的类型为媒体内容，则根据媒体内容属性对媒体内容使用指定的方式进行渲染。本发明能够将富文本编辑器内容让APP原生去渲染富文本编辑器内容，通过APP原生渲染html结构，不需要webview组件来承载，极大的提升用户体验以及流畅度。

技术领域

本发明涉及移动终端的解析富文本编辑器内容的渲染技术，具体涉及一种富解析文本编辑器内容给原生客户端渲染的方法、系统及介质。

背景技术

富文本编辑器（Rich Text Editor, 简称 RTE）是一种可内嵌于浏览器，所见即所得的文本编辑器。富文本编辑器可用于编辑文章等内如以Html的方式进行保存，Html即超文本标记语言(Hyper Text Markup Language)，为标准通用标记语言下的一个应用标准。Html不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。在针对保存后的富文本编辑器（例如一篇文章）内容进行渲染时，目前所有的APP文章内容所渲染的方式是webview组件的方式，也就是网页去渲染编辑器的内容。由于webview是承载在APP里面的一个组件，用于展示网络请求后的结果，也就是将url网络请求的结果展示在里面。因此，现有富文本编辑器内容对外输出是以字符串形式输出，即在编辑器输入内容/插入图片等操作，最后输出的内容无法在APP Native端所见即所得，只能在网页端html业务方进行针对性的解析，才能做到所见即所得的模式。但是，这样会存在下述问题：1、webview组件加载耗时，首次加载会白屏3-5秒或更长的用户等待时间，有时候时间会更长。2、卡顿问题，浏览过程以及webview组件跳转的情况会引起卡顿问题，偶发会造就APP闪退崩溃的情况。3、调用webview组件浏览过程无法使用APP客户端功能，还需要二次去开发，这样极大影响了页面的性能以及用户体验。

此外，现有的富文本编辑器一般为输出基于markdown格式的内容无法直接用于APP渲染，因此如何将现有的富文本编辑器输出基于markdown格式的内容直接用于APP渲染，已经成为一项亟待解决的关键技术问题。

发明内容

本发明要解决的技术问题：针对现有技术的上述问题，提供一种解析文本编辑器内容给原生客户端渲染的方法、系统及介质，本发明能够将富文本编辑器内容让APP原生去渲染富文本编辑器内容，通过APP原生渲染html结构，不需要webview组件来承载，极大的提升用户体验以及流畅度。

为了解决上述技术问题，本发明采用的技术方案为：

一种解析富文本编辑器内容给原生客户端渲染的方法，实施步骤包括：

1）获取富文本编辑器内容；

2）将富文本编辑器内容按照段落进行分段；

3）针对每一个段落，按照自上而下的顺序读取内容元素信息，所述内容元素信息包括内容元素的类型、内容元素对应文本内容或媒体内容的路径、内容元素对应文本格式属性或媒体内容属性，如果内容元素的类型为文本内容，则根据文本格式属性对文本内容使用富文本格式进行渲染；如果内容元素的类型为媒体内容，则根据媒体内容属性对媒体内容使用指定的方式进行渲染。

可选地，所述内容元素的类型为媒体内容具体是指媒体内容为图像、或视频、或音频。

可选地，所述富文本编辑器内容为JSON格式封装。

可选地，步骤1）之前还包括生成富文本编辑器内容的步骤，详细步骤包括：

S1）获取富文本编辑器的编辑内容；