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

ueditor1x整合教程

发布时间：2026-6-12 16:02:29

产品功能：粘贴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/BV1Ro4y1V7S3/?vd_source=d1843c7f8c164416779b5188178bad8c


说明：UEditor1.4x示例中编辑器版本已经升级到ueditor-1.4.3.3，请下载最新的示例。

说明：

1.wordpaster与ueditor版本无关可以支持更高版本。

2.wordpaster使用的上传页面是一个单独的页面，和ueditor官方demo中的上传页面不是同一个页面。

3.wordpaster以插件方式集成到ueditor编辑器中，不会对ueditor原有功能造成影响。在不需要wordpaster功能时可以将其删除。

4.wordpaster是基于插件技术实现的功能，使用前需要安装插件。

 

1.下载示例：

https://gitee.com/xproer/wordpaster-php-ueditor1.5x

https://gitee.com/xproer/wordpaster-jsp-ueditor1.5x

https://gitee.com/xproer/wordpaster-jsp-ueditor1.4x

https://gitee.com/xproer/wordpaster-php-ueditor1.4x

https://gitee.com/xproer/wordpaster-asp-ueditor1.4x

https://gitee.com/xproer/wordpaster-asp-ueditor1.5x

https://gitee.com/xproer/wordpaster-jsp-ueditor1x

https://gitee.com/xproer/wordpaster-php-ueditor1x

https://gitee.com/xproer/wordpaster-vue-ueditor

https://gitee.com/xproer/wordpaster-vue3-cli-ueditor1.5

https://gitee.com/xproer/wordpaster-vue-ueditor1.5

https://gitee.com/xproer/wordpaster-vue3-cli-ueditor

https://gitee.com/xproer/wordpaster-asp.net-ueditor1.5x

https://gitee.com/xproer/wordpaster-asp.net-ueditor1.4x

 

项目：

1.复制目录：WordPaster

ueditor1.4x示例中，wordpaster插件JS采用更加合理的方式实现了插件，不需要再修改ueditor的任何代码，请下载ueditor1.4x示例使用。

 

 

引用组件并初始化

1.引入插件相关文件：CSS,JS

2.初始化组件

 

 

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

  

 

3.配置上传接口地址（PostUrl）

注意：上传地址必须是完整路径（http://www.qq.com/upload.php），不能是相对路径，比如：/upload.php

 

示例中上传接口默认返回的数据是图片的完整路径。如：http://www.ncmem.com/test.jpg

如果您的上传接口返回JSON数据请修改ImageMatch配置，参考：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

如果您的上传接口有SESSION验证，则请配置COOKIE，参考：http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3

如果使用的是ueditor自带的上传接口，请修改文件字段名称，参考：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

 

注意：

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

 

整合后的效果：

整合后，在工具栏中会多出两个图标按钮。   

 

 

自定义Ctrl+V快捷键

直接在页面中增加代码

 

 

添加到右键菜单

 

 

代码如下：

,{label:a.wordpaster,cmdName:"wordpaster"}

集成后的效果：

 

 

UEditor后端配置说明：

http://fex.baidu.com/ueditor/#server-config

 

批量粘贴效果：

 

 

自动替换编辑器中的图片地址：在上传多张图片时非常方便，也非常高效。

 

 

图片保存路径：

 

 

常见问题：

 

1.为什么整合到项目中图片无法上传？

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

 

2.整合后无法粘贴图片

可能原因：http://www.ncmem.com/doc/view.aspx?id=305840a72ab142378b3960b6a224bd75


免费下载产品源代码-泽优全平台开源Word一键粘贴控件（WordPaster）：

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

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

QQ群：

 

原厂产品开发团队为您提供7*24小时1对1专业技术支持服务