今天客户有个要求,需要富文本编辑器的可以复制、粘贴来自word内容格式或网页新闻类格式,在网上查找了好多,发现CkEditor编辑器可以支持
怎么使用,可以看下上一次博客:https://www.cnblogs.com/xielong/p/15871918.html
这里只是做下测试
1)复制word内容信息到编辑器中(包含文字和图片)
如:复制word文档的内容
到编辑器中是可以支持的
2)复制网页内容信息到编辑器中(包含文字和图片,图片资源是http)
如:复制网页新闻内容
到编辑器中是可以支持的
3)复制网页内容信息到编辑器中(包含文字和图片,图片资源是https)
如:复制网页新闻内容1
如:复制网页新闻内容2
到编辑器中第一个是可以显示,第二个是不可显示
按F12 查看标签如下
1)可以显示
在ckeditor被转换成如下html
<img data-cke-saved-src="https://p8.itc.cn/images01/20220208/0af178bf62ad40e5bad19f2c13b1e511.png" src="https://p8.itc.cn/images01/20220208/0af178bf62ad40e5bad19f2c13b1e511.png">
2)不可显示
在ckeditor被转换成如下html
<img data-cke-saved-src="https://pics3.baidu.com/feed/9358d109b3de9c827273a350d7405a0318d84322.jpeg?token=7606d837bed178a32360a5942681c2c7" src="https://pics3.baidu.com/feed/9358d109b3de9c827273a350d7405a0318d84322.jpeg?token=7606d837bed178a32360a5942681c2c7" style="width:640px">
通过上面对比,我们发现不能显示图片路径包含token的参数,可以显示图片路径后面没有参数,由此可以初步判定,ckeditor编辑器暂时不支持动态的图片资源或者跟参数的图片路径