C#如何将剪切板或word的内容复制粘贴到富文本编辑器上

发布时间 2023-11-10 14:01:41作者: Xproer-松鼠

今天客户有个要求,需要富文本编辑器的可以复制、粘贴来自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编辑器暂时不支持动态的图片资源或者跟参数的图片路径

平时多记记,到用时才能看看,记录你的进步,分享你的成果
 
 

参考文章:http://blog.ncmem.com/wordpress/2023/11/10/c%e5%a6%82%e4%bd%95%e5%b0%86%e5%89%aa%e5%88%87%e6%9d%bf%e6%88%96word%e7%9a%84%e5%86%85%e5%ae%b9%e5%a4%8d%e5%88%b6%e7%b2%98%e8%b4%b4%e5%88%b0%e5%af%8c%e6%96%87%e6%9c%ac%e7%bc%96%e8%be%91%e5%99%a8/

欢迎入群一起讨论