[发明专利]一种基于富文本编辑器的自动排版方法和系统在审
申请号: | 202210034183.3 | 申请日: | 2022-01-13 |
公开(公告)号: | CN114048708A | 公开(公告)日: | 2022-02-15 |
发明(设计)人: | 王涛;朱春华;程晓梅;刘迎雪;曾繁诚 | 申请(专利权)人: | 山东捷瑞数字科技股份有限公司 |
主分类号: | G06F40/109 | 分类号: | G06F40/109;G06F40/166;G06F40/205;G06F16/335 |
代理公司: | 北京高沃律师事务所 11569 | 代理人: | 杜阳阳 |
地址: | 264003 山*** | 国省代码: | 山东;37 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 基于 文本 编辑器 自动 排版 方法 系统 | ||
本发明涉及一种基于富文本编辑器的自动排版方法和系统,属于富文本编辑技术领域。本发明通过对获取的富文本进行标签过滤和格式去除处理,可以有效移除原始文本中包含的特殊标签和无用标签,以解决现有技术中存在的样式错乱、布局混乱、内容错位等问题。并且,本发明通过对富文本中包含的图片进行居中处理,可以有效解决现有技术中存在的图片不居中的问题,进一步,本发明基于自动排版样式菜单对处理后的富文本进行自动排版,并进行样式渲染,能够进一步解决现有技术存在的富文本样式无法渲染等问题。
技术领域
本发明涉及富文本编辑技术领域,特别是涉及一种基于富文本编辑器的自动排版方法和系统。
背景技术
目前的富文本编辑器的内容自动排版功能并不完善,具体体现在这几个方面。第一,如果是从微信公众号复制过来的新闻,会因为微信自带的样式(如:SECTION标签、ARTICLE标签)造成样式错乱。第二,多重标签(如:DIV标签)嵌套过深造成的布局混乱、内容错位。第三,自动排版时图片没有做到居中处理。第四,自动排版的同时没有对富文本样式进行渲染。
发明内容
为解决现有技术存在的上述问题,本发明提供了一种基于富文本编辑器的自动排版方法和系统。
为实现上述目的,本发明提供了如下方案:
一种基于富文本编辑器的自动排版方法,包括:
对富文本编辑器进行初始化操作;
获取富文本,并解析所述富文本得到解析对象节点数据;
对所述解析对象节点数据进行标签过滤和格式去除处理;
对所述富文本中包含的图片进行居中处理;
采用JavaScript脚本设置初始化后的富文本编辑器的自动排版样式菜单;
基于所述自动排版样式菜单对处理后的富文本进行自动排版,并进行样式渲染;所述处理后的富文本包括:进行标签过滤和格式去除处理后的富文本和图片居中处理的富文本。
优选地,还包括:
采用预先设置的跨站脚本黑名单关键词列表对所述解析对象节点数据进行过滤,以删除符合跨站脚本黑名单关键词的字符串。
优选地,采用预先设置的跨站脚本黑名单关键词列表对所述解析对象节点数据进行过滤,以删除符合跨站脚本黑名单关键词的字符串,具体包括:
遍历所述解析对象节点数据中的对象节点,对所述对象节点中符合预先设置的跨站脚本黑名单关键词列表的字符串采用replace函数进行过滤处理。
优选地,所述对富文本编辑器进行初始化操作,具体包括:
采用JavaScript脚本,初始化富文本编辑器的操作菜单,通过addListener绑定用于监听用户操作的处理事件。
优选地,所述获取富文本,并解析所述富文本得到解析对象节点数据,具体包括:
获取所述富文本中的字符串,采用初始化后的所述富文本编辑器对所述字符串进行解析,得到解析对象节点数据;所述解析对象节点数据包括:标签数据和标签内容。
优选地,所述获取所述富文本中的字符串,采用初始化后的所述富文本编辑器对所述字符串进行解析,得到解析对象节点数据,具体包括:
当前初始化富文本编辑器中的文本选择被改变时,生成触发事件;
基于所述触发事件获取富文本变化,并进行字符串解析得到解析对象节点数据。
优选地,所述对所述解析对象节点数据进行标签过滤和格式去除处理,具体包括:
遍历所述解析对象节点数据中的对象节点,使用removeAttr()方法移除所述对象节点的style属性;
遍历所述解析对象节点数据中的对象节点,对所述对象节点中符合预先设置的移除样式/文本标签策略规则的标签使用DOM结构的remove方法进行移除处理;
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于山东捷瑞数字科技股份有限公司,未经山东捷瑞数字科技股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202210034183.3/2.html,转载请声明来源钻瓜专利网。