wangEditor 复制html,img标签的width,height属性被过滤了

ct2axkht  于 5个月前  发布在  其他
关注(0)|答案(4)|浏览(169)

bug 描述

复制一段携带img标签的html文本,会将img标签上的width,height属性过滤掉。这个属性时期望能保留的。 所以能不能在复制的场景保留img标签尺寸相关的属性?

wangEditor 版本

wangeditor-5.1.23

demo 能否复现该 bug ?

在线 demo

请尽量提供在线 demo (推荐以下网站),帮助我们最低成本复现 bug

最小成本的复现步骤

(请告诉我们,如何最快的复现该 bug)

  • 步骤一
    复制一段带有图片标签且有width和height属性的富文本,到demo地址
  • 步骤二
    查看富文本生成的html,img标签的width,height属性被过滤了
8fsztsew

8fsztsew1#

复制image标签,width和height是会保留的呀,是不是复制的时候有嵌套?如,这种就识别不到。

dxxyhpgq

dxxyhpgq2#

wangeditor插件width和height是定在在style属性里面的,在构建虚拟dom过程img组件并没有定义width和height属性:
export declare type ImageStyle = { width?: string; height?: string; }; export declare type ImageElement = { type: 'image'; src: string; alt?: string; href?: string; style?: ImageStyle; children: EmptyText[]; };

rqmkfv5c

rqmkfv5c3#

wangeditor插件width和height是定在在style属性里面的,在构建虚拟dom过程img组件并没有定义width和height属性: export declare type ImageStyle = { width?: string; height?: string; }; export declare type ImageElement = { type: 'image'; src: string; alt?: string; href?: string; style?: ImageStyle; children: EmptyText[]; };

懂了,抱歉,我搞错了,确实,wangeditor现在是获取的style,过滤掉了自带的width和height。

uqxowvwt

uqxowvwt4#

@sujingjun 不好意思,隔了有点久才回复,我现在在wangEditor-next 添加了 图片 width 和 height 属性的支持,你可以查看 wangeditor-next 的readme 来安装替换,如果有兴趣的话欢迎一起来维护这个项目。

相关问题