关于fckeditor粘贴图片自动上传

发表于： 2021年7月21日 2024年7月2日
分类： Word图片上传控件(WordPaster)

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

保留所有权利

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

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

报价单：订阅版，政企版，年费版，OEM版，

在线演示：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

订阅版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAw70JsA8m
政企版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuqJtN30#/
年费版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/
OEM版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwV00mQSY
产品源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr
授权码生成器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwzYuEEY1

admin