文档中心 wordpaster 集成

UEditor1.4.3.3整合教程

集成发布于 2023-05-17更新于 2026-06-12 14:45

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

在线演示:UEditor 1xUEditor PlusTinyMCE 5Tinymce 3TinyMCE 4FCKEditor 2CKEditor 3xCKEditor 4KindEditor 3KindEditor 4wangEditor 3wangEditor 4xheditor

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

源码编译:ActiveX(x86)ActiveX(x64)NativeMessagemacOSLinux(海光,兆芯)arm(鲲鹏,飞腾)mips(龙芯)LoongArch(龙芯)

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

集成UEditor 1.5xCKEditor4.xCKEditor3.xFCKEditor 2.x,KindEditor4.xKindEditor3.xUMEditor1.xUEditor 1.xUEditor 1.4xwangEditor3tinymce4xeWebEditor 9xeWebEditor 12.xneditortinymce 3xxhEditorHDwik 5.0Drupal 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,emlogPHPCMS V9Z-BlogZ-Blog-php-ueditor动易SiteFactory 4.7动易SiteFactory5.6动易SiteFactory6.2,dedecms 5.7,dedecms 5.7-ckeditor3xdedecms 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.com1085617561@qq.comqwl@ncmem.com

       


视频教程:https://www.bilibili.com/video/BV1Js4y1M7s8/?vd_source=d1843c7f8c164416779b5188178bad8c


下载示例:

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

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

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

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

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

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

 

以JSP为例

 

 

复制插件

将插件复制到项目中

我们已经在示例中增加了ueditor的插件代码,您不需要修改ueditor的任何代码。

  

 

引入组件

在页面中引入wordpaster组件

代码:https://gitee.com/xproer/wordpaster-jsp-ueditor1.4x/blob/master/WebRoot/index.jsp#L10

 

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

 

 

初始化组件

代码:https://gitee.com/xproer/wordpaster-jsp-ueditor1.4x/blob/master/WebRoot/index.jsp#L38

 

 

绑定ueditor快捷键(Ctrl+V)

代码:https://gitee.com/xproer/wordpaster-jsp-ueditor1.4x/blob/master/WebRoot/index.jsp#L80

 

 

配置上传接口

教程:http://www.ncmem.com/doc/view.aspx?id=d88b60a2b0204af1ba62fa66288203ed

 

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

注意:

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

 

添加到右键菜单

修改ueditor.all.min.js

 

 

集成后的效果:

 

 

整合效果

说明:整合成功后会在编辑器的工具栏上显示插件按钮,如果没有显示则表示没有整合成功。

 

 

粘贴Word或者WPS文档内容效果:

批量粘贴效果:

 

 

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

 

图片保存路径:

 


下载产品源代码-泽优全平台开源Word一键粘贴控件(WordPaster)

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

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

下一篇 UEditorPlus