龙空技术网

Word图片一键粘贴(导入)UMEditor 1.2.3整合教程

爱坐船的章鱼 284

前言:

眼前我们对“net上传图片到服务器”大概比较关心,我们都想要分析一些“net上传图片到服务器”的相关内容。那么小编也在网摘上网罗了一些有关“net上传图片到服务器””的相关文章,希望同学们能喜欢,姐妹们一起来了解一下吧!

产品介绍

泽优Word一键粘贴控件(WordPaster)是一款帮助政府和企业提升内容发布效率的Web编辑器插件工具,主要帮助用户解决Word内容粘贴到Web编辑器时图片不能自动上传的问题,以及教育领域的公式图片不能自动上传的问题,提供Word文档图片一键粘贴,PowerPoint一键导入,PDF一键导入,微信公众号内容一键转发。适用于政府门户,集约化平台,CMS,OA,博客,文档管理系统,微信公众号,微博,自媒体,传媒,在线教育等领域。能够支持从ie6到chrome的全部浏览器和常用操作系统(Windows,MacOS,Linux)及信创和国产化环境(龙芯,中标麒麟,银河麒麟,统信UOS)。

解决痛点

Word,Excel,PowerPoint内容一键粘贴,并保留Word文档内容的格式,如字体,表格等,自动将Word内容中的图片上传到服务器中,并支持对图片的缩放,压缩等操作。

目前已支持的编辑器和产品

1.已支持的语言和框架:asp,asp.net,jsp,php,vue,vue-cli

2.已支持的Web编辑器:FCKEditor2.x,CKEditor3.x,CKEditor 4.x,CuteEditor 6x,KindEditor 3x,KindEditor 4x,TinyMCE 3x,TinyMCE 4x,TinyMCE 5x,UEditor 1.4x,UEditor 1.5x,UMEditor1x,xhEditor1x,eWebEditor 9x,wangEditor,NEditor,Summernote,Quill

3.已支持的CMS:SiteFactory 5.2,SiteFactory 5.6,

4.已支持的应用:HKwik 5.0,WordPress 3.7.1,Joomla 3.4.7 Drupal 7.34,帝国CMS 7.x,PHPCMS v9,dedecms v5.7,DokuWiki,PHPMyWind 5.6,Z-Blog 1.7x,PbootCMS 3.x

UMEditor1.2.3整合教程

1.添加按钮样式

样式代码

.edui-icon-wordpaster{width: 16px;height: 16px;background: url('../../../../wordpaster/css/paster.png') no-repeat !important;}

2.在工具栏中添加按钮

3.复制wordpaster目录到项目中

4.在页面中注册按钮

在页面中添加引用

<linkhref="umeditor/themes/default/css/umeditor.min.css" type="text/css" rel="stylesheet">

<scripttype="text/javascript" src="umeditor/third-party/jquery.min.js" charset="utf-8"></script>

<scripttype="text/javascript" src="umeditor/umeditor.config.js" ></script>

<scripttype="text/javascript" src="umeditor/umeditor.min.js" ></script>

<linktype="text/css" rel="Stylesheet" href="wordpaster/css/WordPaster.css"/>

<linktype="text/css" rel="Stylesheet" href="wordpaster/js/skygqbox.css" />

<scripttype="text/javascript" src="wordpaster/js/json2.min.js" charset="utf-8"></script>

<scripttype="text/javascript" src="wordpaster/js/w.edge.js" charset="utf-8"></script>

<scripttype="text/javascript" src="wordpaster/js/w.app.js" charset="utf-8"></script>

<scripttype="text/javascript" src="wordpaster/js/w.file.js" charset="utf-8"></script>

<scripttype="text/javascript" src="wordpaster/js/WordPaster.js" charset="utf-8"></script>

<scripttype="text/javascript" src="wordpaster/js/skygqbox.js" charset="utf-8"></script>

在JS中注册插件

代码

<scripttype="text/javascript">

var pasterMgr = new WordPasterManager();

pasterMgr.Config["PostUrl"] = ";

pasterMgr.Config["Cookie"] = '<%=clientCookie%>';

pasterMgr.Load();//加载控件

UM.registerUI('wordpaster',

function(name) {

var me = this;

var $btn = $.eduibutton({

icon : name,

click : function(){

pasterMgr.Paste();

},

title: '粘贴Word图片'

});

this.addListener('ready',function(){

pasterMgr.SetEditor(this);

});

return $btn;

}

);

UM.getEditor('editor');

</script>

整合后的效果

成功案例

中国长江电力股份有限公司

北京银联信科技股份有限公司

优慕课在线教育科技(北京)有限责任公司

西安工业大学

西安恒谦教育科技股份有限公司

西安德雅通科技有限公司

国家气象中心

国开泛在(北京)教育科技有限公司

北京大唐融合通信技术有限公司

北京思路创新科技有限公司

北京兴油工程项目管理有限公司

北京海泰方圆科技股份有限公司

标签: #net上传图片到服务器