当前位置: 首页 > 办公技巧 > 正文

word办公技巧粘贴图片(Word图片一键粘贴(导入)动易SiteFactory 4.7整合教程)

  • 叁碗诸角 叁碗诸角
  • 办公技巧
  • 2023-09-01 14:08:28
  • 0

产品介绍

泽优Word一键粘贴控件(WordPaster)是一款帮助政府和企业提升内容发布效率的Web编辑器插件工具,主要帮助用户解决Word内容粘贴到Web编辑器时图片不能自动上传的问题,以及教育领域的公式图片不能自动上传的问题,提供Word文档图片一键粘贴,PowerPoint一键导入,PDF一键导入,微信公众号内容一键转发。适用于政府门户,集约化平台,CMSOA,博客,文档管理系统,微信公众号,微博,自媒体,传媒,在线教育等领域。能够支持从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
参考插件包整合教程:http://www.ncmem.com/doc/view.aspx?id=2ab62206f5cd47de87b597fc970c8b5c

WordPaster-CKEditor3.x示例

1.将WordPaster文件夹上传到服务器中

2.将ckeditorpluginsexcelpaster上传到Editorplugins

3.将ckeditorpluginsimagepaster上传到Editorplugins

4.修改config.js文件,增加插件代码。

新增如下代码:

/*

Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.

For licensing, see LICENSE.html or [url]http://ckeditor.com/license[/url]

*/

CKEDITOR.editorConfig = function(config) {

// Define changes to default configuration here. For example:

// config.language = 'fr';

// config.uiColor = '#AADC6E';

config.extraPlugins = 'imagepaster,excelpaster'; //扩展插件-WordPaster

};

5.为ContentFull工具栏增加WordPaster插件图标

增加下图中红框中的代码。(说明:建议在ckeditor.js中搜索所有PasteFromWord按钮,然后在其右侧增加'imagepaster'粘贴按钮)

6.修改demo中的upload.aspx代码,将upload文件夹改为UploadFiles,这样做是与SiteFactory兼容。

重新编译upload.aspx,并将bin文件夹的CKEditor353.dll上传到服务器的bin文件夹中

7.将demo中的upload.aspx文件上传到服务器根目录。

6.修改Content.aspx文件,增加插件代码。

示例代码:

<link type="text/css" rel="Stylesheet" href="/WordPaster/css/WordPaster.css"/>

<link type="text/css" rel="stylesheet" href="/WordPaster/css/ui-lightness/jquery-ui-.custom.css" />

<script type="text/javascript" src="/WordPaster/js/jquery-ui-.custom.min.js">script>

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

<script language="JavaScript" type="text/JavaScript">

//WordPaster Begin

var pasterMgr = new PasterManager();

pasterMgr.Config["PostUrl"] = "http://localhost:82/upload.aspx"; //将此地址换为实际服务器地址。

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

var edtInited = false;

CKEDITOR.on( 'instanceReady', function(evt) {

pasterMgr.Init(evt.editor);

} );

CKEDITOR.on( 'currentInstance', function() {

if(!edtInited)

{

pasterMgr.SetEditor(CKEDITOR.currentInstance);

edtInited = true;

}

} );

//WordPaster End;

整合后效果如下:


前台会员添加内容

1.为会员工具栏增加粘贴按钮

修改/Editor/ckeditor.js

搜索ContentSimple字符串并新增如下代码:

2.为会员页面增加控件

修改/User/Content/Content.aspx文件

新增如下代码:

<link type="text/css" rel="Stylesheet" href="/WordPaster/css/WordPaster.css"/>

<link type="text/css" rel="stylesheet" href="/WordPaster/css/ui-lightness/jquery-ui-.custom.css" />

<script type="text/javascript" src="/WordPaster/js/jquery-ui-.custom.min.js">script>

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

<script language="JavaScript" type="text/JavaScript">

<script language="JavaScript" type="text/JavaScript">

//WordPaster Begin

var pasterMgr = new PasterManager();

pasterMgr.Config["PostUrl"] = "http://localhost:82/upload.aspx";//将此地址改为正式服务器地址。

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

var edtInited = false;

CKEDITOR.on( 'instanceReady', function(evt) {

pasterMgr.Init(evt.editor);

} );

CKEDITOR.on( 'currentInstance', function() {

if(!edtInited)

{

pasterMgr.SetEditor(CKEDITOR.currentInstance);

edtInited = true;

}

} );

//WordPaster End;

script>

整合后效果如下:

常见问题:

1.为什么整合到项目中图片无法上传?

可能原因:可能上传页面有登陆验证,上传时没有添加SESSION信息,导致上传失败。可在上传页面增加SESSION参数。

成功案例

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

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

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

西安工业大学

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

西安德雅通科技有限公司

国家气象中心

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

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

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

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

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


最新文章