秀米图文编辑对接UEditor富文本编辑器样式丢失

时间:2024-04-02 09:02:29

接入秀米图文编辑   将秀米生成的图文排版内容粘贴(选择对勾后)到项目中UEditor富文本编辑器时,样式丢失,解决办法如下:

找到ueditor.config.js配置文件中xss过滤白名单部分,将section行修改为下图部分,不过滤class和style类型。

造成原因:section标签丢失了所有属性,而div、span等标签样式、类名都在,可能是ueditor的某种规则过滤了section标签的属性复制,发现ueditor配置文件ueditor.config.js有xss过滤器,默认是启用状态,按照配置文件中的白名单列表,不在其中的将去除。

秀米图文编辑对接UEditor富文本编辑器样式丢失

修改好后效果如下:

秀米图文编辑对接UEditor富文本编辑器样式丢失