关于KindEditor编辑器，word文档中的图文全选粘贴，在编辑器中不显示图片的问题

发表于： 2019年10月19日 2023年12月21日
分类： Word图片上传控件(WordPaster)
标签： ckeditor 实现ctrl v粘贴图片并上传, ckeditor如何能实现直接粘贴把图片上传到服务器中?, ckeditor实现WORD粘贴图片自动上传, ckeditor富文本编辑器的使用和图片上传，复制粘贴图片上传, ckeditor直接粘贴图片实现, CKEditor粘贴图片上传功能, CKeditor粘贴图片在IE下自动上传的研究, Fckeditor实现WORD粘贴图片自动上传, jsp应用, KindEditor 完全复制word内容, PHPcms编辑器如何粘贴带格式的word文档, UEditor可以如何直接复制word的图文内容到编辑器中？, word粘贴带图片, 从Word文档粘贴内容至Web编辑器的问题, 使用tinymce编辑器从word保持原格式复制粘贴的办法, 关于KindEditor编辑器，word文档中的图文全选粘贴，在编辑器中不显示图片的问题, 关于富文本复制word, 如何从word中复制内容到网站后台编辑器中, 如何从Word带图粘贴到编辑器中, 怎么把word文档粘贴到编辑器里啊, 现在有没有一种富文本编辑器能够直接从 word 中复制粘贴公式的, 现在的编辑器不能复制粘贴word中的文本, 里面掺杂图片上传的问题

版权所有 2009-2023 荆门泽优软件有限公司

保留所有权利

相关资料：产品首页,产品介绍,产品比较,订阅版报价单,成功案例,控件布署(授权码),控件布署(正式包),控件升级,Windows控件安装,macOS控件安装,Linux-deb控件安装,Linux-rpm控件安装,

功能介绍：粘贴Word文档内容,粘贴PowerPoint文档内容,自动上传网络图片,导入PDF

在线演示：FCKEditor2x示例,CKEditor3x示例,CKEditor4x示例,KindEditor3x示例,KindEditor4x示例,UEditor1x示例,tinymce3x示例,tinymce4x示例,xheditor1x示例,

配置教程：增加自定义参数,自定义文件字段名称,配置上传地址,授权码配置,文件名称生成规则,提取图片地址,图片地址增加域名,设置缩略图,图片格式和质量,控件监听端口,自定义头(Headers)，图片数量限制，间距优化,

整合教程：FCKEditor 2.x,CKEditor3.x,CKEditor4.x,KindEditor3.x,KindEditor4.x,UMEditor1.x,UEditor 1.x,UEditor 1.4x,UEditor 1.5x,wangEditor3,tinymce4x,eWebEditor 9x,eWebEditor 12.x,neditor,tinymce 3x,HDwik 5.0,Drupal 7.34-ckeditor4.x,Joomla-3.4.7-tinymce 4.x,Joomla3x-ckeditor4.x,WordPress,FoonSunCMS,KesionCMS V8,KesionCMS V9,帝国CMS 7.2,帝国CMS 7.5-UEditor,emlog,PHPCMS V9,Z-Blog,Z-Blog-php-ueditor,动易SiteFactory 4.7,动易SiteFactory5.6,动易SiteFactory6.2,dedecms 5.7,dedecms 5.7-ckeditor3x,dedecms 5.7-ueditor,vue-cli-ckeditor5x,vue-cli-ueditor,vue-cli-wangEditor,vue-cli-tinymce5,vue-cli-quill,YouDianCMS 9.4.0,DokuWiki,PHPMyWind-5.6,PbootCMS,question2answer

视频教程：动易SiteFactory 4.7整合,动易SiteFactory 5.6整合,动易SiteFactory 6.2整合,PbootCMS整合,PHPCMS v9整合,dedecms 5.7-ueditor整合,dedecms 5.7-ckeditor3x整合,帝国CMS-ueditor整合,帝国CMS-ckeditor4x整合,dokuwiki整合,Windows控件安装,macOS控件安装,linux-deb控件安装,linux-rpm控件安装,uos控件安装,linux-银河麒麟控件安装,

控件包：cab安装包(x86),cab安装包(x64),crx安装包(45-),xpi安装包,exe安装包,mac安装包,linux-x86-deb,linux-x86-uos,linux-x86-rpm,linux-arm-deb,linux-arm-uos,linux-arm-rpm,linux-mips-deb,linux-mips-uos,linux-mips-rpm,linux-mips-银河麒麟,数字证书根证书,MathType6.5,

ASP示例：FCKEditor 2x,CKEditor 3x,CKEditor 4x,CuteEditor 6x,KindEditor 3x,KindEditor 4x,TinyMCE 3x,TinyMCE 4x,TinyMCE 5x,UEditor1.4x,UEditor 1.5x,UMEditor 1x,xhEditor 1x,eWebEditor 9x,wangEditor,NEditor,Summernote

ASP.NET示例：FCKEditor2x,FCKEditor2x-ext,CKEditor3x,CKEditor3x-ext,CKEditor4x,CuteEditor 6x,KindEditor 3x,KindEditor 4x,TinyMCE 3x,TinyMCE 4x,TinyMCE 5x,UEditor1.4x,,UEditor1.5x,UMEditor1x,xhEditor1x,eWebEditor9x,wangEditor,NEditor,Summernote,SiteFactory 5.2,SiteFactory 5.6

JSP示例：FCKEditor2x,CKEditor3x,CKEditor4x,CuteEditor6x,KindEditor3x,KindEditor4x,TinyMCE3x,TinyMCE4x,TinyMCE5x,UEditor1.4x,UEditor1.5x,UMEditor1x,xhEditor1x,eWebEditor9x,wangEditor,NEditor,Summernote

PHP示例：FCKEditor2x,CKEditor3x,CKEditor4x,CuteEditor6x,KindEditor3x,KindEditor4x,TinyMCE3x,TinyMCE4x,TinyMCE5x,UEditor1.4x,UEditor1.5x,UMEditor1x,xhEditor1x,wangEditor,NEditor,Summernote,HKwik5.0,WordPress,3.7.1,WordPress插件包,Joomla,3.4.7,Drupal,7.34,帝国CMS,7.x插件包,PHPCMS,v9插件包,dedecms,v5.7插件包,dedecms,v5.7-ueditor插件包,DokuWiki插件包,PHPMyWind,5.6插件包,Z-Blog,1.7x插件包,PbootCMS,3.x插件包

vue-cli示例：vue2-cli-CKEditor5,vue2-cli-UEditor1.4x,vue2-cli-UEditor1.5x,vue2-cli-TinyMCE5,vue2-cli-wangEditor,vue2-cli-KindEditor,vue2-cli-Quill vue3-cli-UEditor1.4x,vue3-cli-UEditor1.5x,vue3-cli-TinyMCE5,vue3-cli-wangEditor

相关问题：WebSocket连接失败,ueditor整合后无法粘贴图片,域名未授权,ueditor粘贴部分文档样式不正确,无插件解决方案,

互联网应用：Word内容一键发布,如何转载到新浪博客,如何转载到网易LOFTER，如何转载到CSDN博客，如何发布到媒介盒子，如何发布到365编辑器，转载微信公众号图文，如何发布到博客园

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

gitee:https://gitee.com/xproer/wordpaster-asp.net-kindeditor4x

视频教程：https://www.ixigua.com/7233245110635332152

主要步骤如下：

示例下载：http://www.ncmem.com/webapp/wordpaster/versions.aspx

上传插件文件夹

上传WordPaster文件夹

控件初始化

在head中引入组件文件

注意，不要重复引入jquery，如果您的页面已经引入了jquery这里就不要再引入jquery 1.4了。

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>WordPaster For KindEditor-4.x</title>

<link type=”text/css” rel=”Stylesheet” href=”demo.css” />

<link type=”text/css” rel=”Stylesheet” href=”WordPaster/js/skygqbox.css” />

<link type=”text/css” rel=”stylesheet” href=”themes/simple/simple.css” />

<script type=”text/javascript” charset=”utf-8″ src=”kindeditor-min.js”></script>

<script type=”text/javascript” charset=”utf-8″ src=”lang/zh_CN.js”></script>

<script type=”text/javascript” src=”WordPaster/js/json2.min.js” charset=”utf-8″></script>

<script type=”text/javascript” src=”WordPaster/js/jquery-1.4.min.js” charset=”utf-8″></script>

<script type=”text/javascript” src=”WordPaster/js/skygqbox.js” charset=”utf-8″></script>

<script type=”text/javascript” src=”WordPaster/js/w.js” charset=”utf-8″></script>

</head>

提供容器并初始化组件

<!–WordPaster容器–>

<div id=”wdpst”></div>

<script type=”text/javascript”>

WordPaster.getInstance({

ui:{render:”wdpst”}//目标容器，一般为div

});

</script>

将插件添加到工具栏，并挂载KindEditor的Ctrl+V快捷键事件

注意：

1.如果接口字段名称不是file，请配置FileFieldName。

参考：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

2.如果接口返回JSON，请配置ImageMatch

参考：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

3.如果接口返回的图片地址没有域名，请配置ImageUrl

参考：http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936

整合效果

常见问题：

1. 插件图片无法显示。

可能原因：a.缺少插件图片资源

b.工具栏中没有增加插件按钮

2. 粘贴图片无法显示。

可能原因：PostUrl地址不正确
PostUrl请使用完整路径（http://www.qq.com/upload.jsp），不要使用相对路径（/upload.jsp）。

3. Ctrl+V无法粘贴。

可能原因：没有定义Ctrl+V事件

4. 整合到项目中图片无法上传

可能原因：上传页面有登陆验证，上传时没有添加SESSION信息，导致上传失败。可在上传页面增加SESSION参数。

admin