System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种复杂富文本跨设备的渲染方法技术_技高网

一种复杂富文本跨设备的渲染方法技术

技术编号:40465861 阅读:5 留言:0更新日期:2024-02-22 23:19
本发明专利技术公开了一种复杂富文本跨设备的渲染方法,包括文档分割、抽象数据、确定渲染形式、渲染数据和组合还原。本发明专利技术通过将文档划分为具有逻辑关联的富文本块,使得每个富文本块都成为多名编辑者进行并行编辑的基本单元,从而提高了编辑的效率和灵活性;通过设置的跨端处理程序,将核心控制逻辑和渲染逻辑在同一个服务上进行,可以在不同设备上输出相同的内容和格式,用户在不同设备的编辑结果也会通过程序进行处理,能最大程度的抹平用户编辑使用的设备差异,更好的还原原始格式,解决了传统富文本编辑器每个宿主平台一套代码的问题。

【技术实现步骤摘要】

本专利技术涉及一种富文本的渲染方法,具体为一种复杂富文本跨设备的渲染方法,属于文本处理。


技术介绍

1、处理word、pdf或excel文档中的内容和复杂格式是翻译领域中常遇见的问题。以合同翻译场景为例,存在如下问题:

2、1)效率低下:传统的文档编辑软件通常只允许一个编辑者锁定整个文档进行编辑,其他编辑者需要等待,从而导致编辑效率低下,特别是在需要多人协同编辑的情况下,这种串行的编辑方式会严重影响工作效率;

3、2)数据一致性:将每份文档拆分为多富文本编辑器后,每个编辑者使用设备不同,即存在同一份稿件的不同部分在不同设备上编辑可能,由于编码实现不同,导致最终还原的稿件可能会有差异;

4、3)重复开发:除了还原差异外,在编码实现时同时需要在web端/app/桌面程序/小程序等多个终端重复开发,增加人力成本,且功能迭代周期较长,实现复杂。


技术实现思路

1、本专利技术的目的就在于为了解决上述至少一个技术问题而提供一种复杂富文本跨设备的渲染方法,该渲染方法能够将word/pdf/excel等文档的内容和复杂格式,解析拆分到多个富文本编辑器中,并使用同一份代码,实现在不同浏览设备上无障碍展示和编辑。

2、本专利技术通过以下技术方案来实现上述目的:一种复杂富文本跨设备的渲染方法,该渲染方法包括:

3、步骤一、文档分割:获取待编辑的文档,并基于所述待编辑文档的逻辑分隔方式,将所述待编辑的文档分割成能够自定义的富文本块;

4、步骤二、抽象数据:根据所述富文本块的文本类型和格式特征,抽象出所述文本类型和格式特征的数据结构;

5、步骤三:根据所述数据结构的特点,确定不同的终端的渲染形式;

6、步骤四:渲染数据:将所述抽象数据发送至渲染服务,经过跨端处理程序,返回至针对当前终端所需的渲染形式;

7、步骤五:组合还原:当前终端编辑完成后,将编辑后的富文本块发送至跨端处理程序处理,并将编辑后的富文本块还原为抽象格式,再发送至解析层,拼装还原为最终稿件。

8、作为本专利技术进一步的技术方案:所述逻辑分隔方式包括但不限于段落结构或标题标记。

9、作为本专利技术进一步的技术方案:步骤二中,所述格式特征包括但不限于上标、下标、域/批注范围、加粗、斜体以及下划线。

10、作为本专利技术进一步的技术方案:步骤二中,所述数据结构的抽象形式包括但不限于[{text:“xxx”,style:{“bold”:trye}},{…}]。

11、作为本专利技术进一步的技术方案:步骤二和步骤三中,针对不同的格式特征,抽象数据的结构分布为:

12、上标:{"style":{"script":"super"},"text":"2"};

13、下标:{"style":{"script":"sub"},"text":"3"};

14、域/批注范围:{"style":{"dotfieldembed":{"id":"2-shp-333","isopen":true,"isclose":false,},},"text":"333",};

15、加粗:{"style":{"bold":"true","italic":"true"},"text":"new products"};

16、斜体:{"style":{"italic":"ture"},"text":"i am stumped"};

17、下划线:{"style":{"underline":"true"},"text":"so annoying"}。

18、作为本专利技术进一步的技术方案:步骤三中,web终端的渲染形式为:

19、上标:<sup></sup>;

20、下标:<sub></sub>;

21、域/批注范围:<em id="2-shp-333">xxxx</em>;

22、加粗:<b></b>;

23、斜体:<i></i>;

24、下划线:<u></u>。

25、作为本专利技术进一步的技术方案:步骤三中,app终端的渲染形式为:

26、上标:textstyle(fontfeatures:[fontfeature.superscripts()]);

27、下标:textstyle(fontfeatures:[fontfeature.subscripts()]);

28、域/批注范围:textstyle(fontweight:fontweight.filedembed);

29、加粗:textstyle(fontweight:fontweight.bold);

30、斜体:textstyle(fontstyle:fontstyle.italic);

31、下划线:textstyle(decoration:textdecoration.underline)。

32、作为本专利技术进一步的技术方案:步骤三中,小程序终端的渲染形式为:

33、上标:<text class="sup"></text>;

34、下标:<text class="sub"></text>;

35、域/批注范围:<view class="filed-embed"></view>;

36、加粗:<text class="bold"></text>;

37、斜体:<text class="italic"></text>;

38、下划线:<text class="under-line"></text>。

39、本专利技术的有益效果是:

40、1)通过将文档(word、pdf或excel等)划分为具有逻辑关联的富文本块,使得每个富文本块都成为多名编辑者进行并行编辑的基本单元,从而提高了编辑的效率和灵活性;

41、2)通过跨端处理程序,将核心控制逻辑(实施步骤345的整体流程控制)和渲染逻辑在同一个服务上进行(这里渲染逻辑主要是处理了渲染所需数据,在实施步骤1234中,对同一份文档进行拆分、解析,转换每个端一份数据,在最终的还原中,又针对不同终端,还原为统一结构的一份数据),可以在不同设备上输出相同的内容和格式,用户在不同设备的编辑结果也会通过程序进行处理,能最大程度的抹平用户编辑使用的设备差异,更好的还原原始格式,解决了传统富文本编辑器每个宿主平台一套代码的问题,进而提高开发效率,减少转换损耗。

本文档来自技高网...

【技术保护点】

1.一种复杂富文本跨设备的渲染方法,其特征在于,所述渲染方法包括:

2.根据权利要求1所述的渲染方法,其特征在于:步骤一中,所述逻辑分隔方式包括但不限于段落结构或标题标记。

3.根据权利要求1所述的渲染方法,其特征在于:步骤二中,所述格式特征包括但不限于上标、下标、域/批注范围、加粗、斜体以及下划线。

4.根据权利要求3所述的渲染方法,其特征在于:步骤二中,所述数据结构的抽象形式包括但不限于[{text:“xxx”,style:{“bold”:trye}},{…}]。

5.根据权利要求4所述的渲染方法,其特征在于:步骤二和步骤三中,针对不同的格式特征,抽象数据的结构分布为:

6.根据权利要求5所述的渲染方法,其特征在于:步骤三中,web终端的渲染形式为:

7.根据权利要求5所述的渲染方法,其特征在于:步骤三中,app终端的渲染形式为:

8.根据权利要求5所述的渲染方法,其特征在于:步骤三中,小程序终端的渲染形式为:

【技术特征摘要】

1.一种复杂富文本跨设备的渲染方法,其特征在于,所述渲染方法包括:

2.根据权利要求1所述的渲染方法,其特征在于:步骤一中,所述逻辑分隔方式包括但不限于段落结构或标题标记。

3.根据权利要求1所述的渲染方法,其特征在于:步骤二中,所述格式特征包括但不限于上标、下标、域/批注范围、加粗、斜体以及下划线。

4.根据权利要求3所述的渲染方法,其特征在于:步骤二中,所述数据结构的抽象形式包括但不限于[{text:“xxx”,...

【专利技术属性】
技术研发人员:李剑李小梅
申请(专利权)人:传神语联网网络科技股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1