Fckeditor实现WORD粘贴图片自动上传

发表于： 2019年10月19日 2024年1月6日
分类： 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-2024 荆门泽优软件有限公司

保留所有权利

相关资料：产品首页,产品介绍,产品比较,订阅版报价单,成功案例,控件布署(授权码),控件布署(正式包),控件升级,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，

教程链接：https://www.ixigua.com/i7246668703360614950/

下载示例

http://www.ncmem.com/webapp/wordpaster/versions.aspx

1.复制插件目录

将demo中的插件复制到您项目的fckeditor2插件目录中

2.上传WordPaster文件夹

3.为编辑器添插件

将插件添加到编辑器中

在工具栏中添加插件图标

4.在页面中引入组件文件

注意：如果您的页面已经引入了jquery这里就不用再引入jquery 1.4了，防止重复引入

<html xmlns=”http://www.w3.org/1999/xhtml” >

<head>

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

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

<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=”fckeditor/fckeditor.js”></script>

</head>

<body>

<div id=”wdpst”></div><!–组件初始化的目标容器–>

<script language=”javascript” type=”text/javascript”>

WordPaster.getInstance({

//上传接口：http://www.ncmem.com/doc/view.aspx?id=d88b60a2b0204af1ba62fa66288203ed

PostUrl: api,

//为图片地址增加域名：http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936

ImageUrl: “”,

//设置文件字段名称：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

FileFieldName: “file”,

//提取图片地址：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

ImageMatch: ”,

ui:{render:”wdpst”}//初始化容器

});//加载控件

var oFCKeditor = new FCKeditor(‘FCKeditor1’);

oFCKeditor.BasePath = “fckeditor/”;

//oFCKeditor.ToolbarSet = “Basic”;

oFCKeditor.Height = 300;

oFCKeditor.Value = ”;

oFCKeditor.Create();

//初始化调协编辑器

function FCKeditor_OnComplete(editorInstance)

{

WordPaster.getInstance().SetEditor(editorInstance);

}

</script>

</body>

</html>

最终效果如下：

注意：

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

admin