wangeditor-team / wangEditor

wangEditor —— 开源 Web 富文本编辑器
http://www.wangeditor.com/
MIT License
17.37k stars 3.31k forks source link

被div包裹的img标签会被过滤掉无法正常显示 #5880

Open thinkpost opened 2 months ago

thinkpost commented 2 months ago

被div包裹的img标签会被过滤掉无法正常显示

*把站点编辑器换成wangEditor 以后发现很多被div包裹的img标签无法正常显示了,无法兼容从其他编辑器迁移过来的数据,采集来的数据很多也无法正常显示

QQ截图20240612155730 QQ截图20240612155805

*

系统和浏览器及版本号

wangEditor 版本

wangEditor 5

cycleccc commented 2 months ago

wangeditor 会对富文本内容进行 normlize,不符合格式要求的内容会删除,不会全部兼容所有数据格式。毕竟 html 是兼容不完的。

cycleccc commented 2 months ago

有更细化的需求吗,如果只是想原样照搬的话不太好实现。

thinkpost commented 2 months ago

wangeditor 会对富文本内容进行 normlize,不符合格式要求的内容会删除,不会全部兼容所有数据格式。毕竟 html 是兼容不完的。

我的数据是从数据库加载的,以前用其他编辑编辑的,有几十万条,我测试了几个编辑器只有wangEditor 有这个我问题,有什么办法解决吗!

cycleccc commented 2 months ago

你好,能抽一段不敏感的 html 示例供复现使用吗,这有助于加快完善功能。有兴趣的话也可以在wangeditor-next一起解决这个问题

thinkpost commented 2 months ago

你好,能抽一段不敏感的 html 示例供复现使用吗,这有助于加快完善功能。有兴趣的话也可以在wangeditor-next一起解决这个问题

比如这样 QQ截图20240626162205

cycleccc commented 2 months ago

image 有的呀

cycleccc commented 2 months ago

https://www.wangeditor.com/demo/set-html.html 在这里可以快速验证 sethtml 过滤出来的 html

thinkpost commented 2 months ago

image 有的呀

奇怪了,为什么我的没有,前几天我已经换成ckeditor编辑器了,现在没法测试了,有空我重新装个wangeditor试试。

cycleccc commented 2 months ago

可以的,有更进一步的错误麻烦反馈一下,感谢,方便的话可以提到wangeditor-next里🧐

hykeda commented 4 weeks ago

可以的,有更进一步的错误麻烦反馈一下,感谢,方便的话可以提到wangeditor-next里🧐

这个问题确实还存在,如果在这个页面中https://www.wangeditor.com/demo/set-html.html测试是正常的,但是你如果换成在vue3的demo中就会复现这个问题了。https://stackblitz.com/edit/vue3-wangeditor-demo?file=src%2Fcomponents%2FBasicEditor.vue,这个里面把: onMounted(() => { setTimeout(() => { valueHtml.value = '

'; }, 1500); }); 问题就会复现。

cycleccc commented 4 weeks ago

@hykeda 在setHtml 时还是尽量先过滤不必要的 div 标签再写入,不好兼容。

hykeda commented 3 weeks ago

@hykeda 在setHtml 时还是尽量先过滤不必要的 div 标签再写入,不好兼容。

主要是现在的使用情形不一样,我们的情况是,比如文章之前是用其他编辑器的,现在改版后使用了wangEditor,之前的老文章需要修改,把文章内容读取到wang编辑器中就会有这个问题,我说的是在vue3的情况下才会出现这个问题。强调一下是在vue3下才会出现。不知道作者您是否有解决方案。这样对其他编辑器转成wangeditor的用户不是很友好。

jwdsz commented 3 days ago

https://www.wangeditor.com/demo/set-html.html 这里测试确实可以,vue和react上测试确实不行。这个需求还算常见吧,特别是那种采集过来和历史数据割接过来的

cycleccc commented 3 days ago

https://www.wangeditor.com/demo/set-html.html 这里测试确实可以,vue和react上测试确实不行。这个需求还算常见吧,特别是那种采集过来和历史数据割接过来的 采集过来再过滤一遍 div,这个操作会产生比较大的影响吗,如果大的话,我在 wangeditor-next 提个 issue,后续更改。 在这里回复了我忙过去容易忘。

jwdsz commented 3 days ago

https://www.wangeditor.com/demo/set-html.html 这里测试确实可以,vue和react上测试确实不行。这个需求还算常见吧,特别是那种采集过来和历史数据割接过来的 采集过来再过滤一遍 div,这个操作会产生比较大的影响吗,如果大的话,我在 wangeditor-next 提个 issue,后续更改。 在这里回复了我忙过去容易忘。

我们先按这样的方式处理,看看效果,不知道移除div对整体样式影响大不大