1. 文档中心
  2. ckeditor3x整合教程

ckeditor3x整合教程

发布时间：2026-6-12 14:32:11

产品功能：粘贴Word文档内容，批量传图，自动上传网络图片，导入Word，导入Excel，导入PowerPoint，导入PDF，

在线演示：UEditor 1x，UEditor Plus，TinyMCE 5，Tinymce 3，TinyMCE 4，FCKEditor 2，CKEditor 3x，CKEditor 4，KindEditor 3，KindEditor 4，wangEditor 3，wangEditor 4，xheditor，

相关资料：解决方案，产品介绍，产品比较，产品源代码，授权生成器，成功案例，控件包，订阅版价格，政企版价格，年费版价格，OEM版价格，源码版价格，控件部署(授权码),控件部署(正式包)，控件升级，

源码编译：ActiveX(x86)，ActiveX(x64)，NativeMessage，macOS，Linux(海光,兆芯)，arm(鲲鹏,飞腾)，mips(龙芯)，LoongArch(龙芯)，

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

集成：UEditor 1.5x，CKEditor4.x，CKEditor3.x，FCKEditor 2.x,KindEditor4.x，KindEditor3.x，UMEditor1.x，UEditor 1.x，UEditor 1.4x，wangEditor3，tinymce4x，eWebEditor 9x，eWebEditor 12.x，neditor，tinymce 3x，xhEditor，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 6.2整合,动易SiteFactory 4.7整合,动易SiteFactory 5.6整合,PbootCMS整合,PHPCMS v9整合,dedecms 5.7-ueditor整合,dedecms 5.7-ckeditor3x整合,帝国CMS-ueditor整合,帝国CMS-ckeditor4x整合,dokuwiki整合,Windows控件安装,macOS控件安装,deb控件安装,rpm控件安装，

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,vue3-cli-UEditor1.4x,vue3-cli-UEditor1.5x,vue2-cli-TinyMCE5,vue3-cli-TinyMCE5,vue3-cli-wangEditor,vue2-cli-wangEditor,vue2-cli-KindEditor,vue2-cli-Quill，

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

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

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

       


整合教程：https://www.bilibili.com/video/BV11h4y137GB/?vd_source=d1843c7f8c164416779b5188178bad8c
 

1.1. 集成到CKEditor3.x

主要步骤如下：

1.上传WordPaster文件夹

一般将WordPaster.cab放在WordPaster目录下。

 

2.上传CKEditor插件目录

 

3.引入JS，初始化控件
  

  注意：不要重复引入jquery，如果您的项目已经引入了jq，则不用再引入jq-1.4
     

如果希望添加到默认工具栏中，请修改ckeditor.js，在toolbar_Full中增加imagepaster,netpaster

  

为ckeditor增加插件(imagepaster,netpaster,pptpaster,pdfimport)：

  


注意：

1.如果接口字段名称不是file，请配置FileFieldName。ueditor接口中使用的upfile字段

  

  参考：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
  4.如果接口有权限验证（登陆验证，SESSION验证），请配置COOKIE。或取消权限验证。
    参考：http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3

 

常见问题：

1.为什么整合到项目中图片无法上传？
  请先测试接口：http://www.ncmem.com/doc/view.aspx?id=61f361025c9247098f6a15c3dfc53db5

免费下载报价单和产品源代码：
订阅版：http://www.ncmem.com/webapp/wordpaster/purchase.aspx

政企版：http://www.ncmem.com/webapp/wordpaster/purchase.aspx?type=ent

年费版：http://www.ncmem.com/webapp/wordpaster/purchase.aspx?type=year

OEM版：http://www.ncmem.com/webapp/wordpaster/purchase.aspx?type=oem

源码版：http://www.ncmem.com/webapp/wordpaster/purchase.aspx?type=code

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwzYuEEY1