将图片拖拽入编辑器，根据图片data-data，对图片进行特殊的处理 - Githubissues

wangeditor-team / wangEditor

wangEditor —— 开源 Web 富文本编辑器

http://www.wangeditor.com/

MIT License

17.37k stars 3.31k forks source link

将图片拖拽入编辑器，根据图片data-data，对图片进行特殊的处理 #5869

Open ZWKJ-DH opened 3 months ago

ZWKJ-DH commented 3 months ago

问题描述

将图片拖拽入编辑器，根据图片data-data，对图片进行特殊的处理

wangEditor 版本

5 vue2

是否查阅了文档？

（文档链接 www.wangeditor.com ）

是

最小成本的复现步骤

（请告诉我们，如何最快的复现该问题？）

步骤一
按照快速开始搭建wangeditor页面
步骤二
在页面中editor外面创建图片标签：如<img src="xxx.png" :data-data="data">
步骤三
将图片拖拽入editor中,这时，图片所有属性都没了，处理不了图片

cycleccc commented 3 months ago

想要额外的处理需要做插件扩展，wangEditor5基于 slate ，会对富文本进行格式化，data-data不是img的属性，会过滤掉的。

ZWKJ-DH commented 3 months ago

能提供一下具体的思路嘛？我想不出

cycleccc commented 3 months ago

@ZWKJ-DH 参考 https://www.wangeditor.com/v5/plugins.html 有教程及 demo，你的需求是不过滤 data-data 属性，应该不难实现。

panda0000009 commented 2 months ago

能提供一下具体的思路嘛？我想不出

所以这个你后面是怎么解决的老哥