当前位置:首页教育技巧WPS技巧wps表格

电脑上word文档怎么导入图片,Word图片一键粘贴(导入)UMEditor 1.2.3整合教程

2024-07-17 10:42:30


产品介绍

泽优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">

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

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

<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">

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

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

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

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

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

在JS中注册插件


代码

<scripttype="text javascript"="">

var pasterMgr = new WordPasterManager();

pasterMgr.Config["PostUrl"] = "http://localhost:8080/WordPaster2UEditor1x/upload.jsp"

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');


整合后的效果


成功案例

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

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

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

西安工业大学

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

西安德雅通科技有限公司

国家气象中心

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

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

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

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

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

相关信息


电脑版

【免责声明】本站信息来自网友投稿及网络整理,内容仅供参考,如果有错误请反馈给我们及时更正,对文中内容的真实性和完整性本站不提供任何保证,不承但任何责任。
版权所有:学窍知识网 Copyright © 2011-2024 www.at317.com All Rights Reserved .