word如何选择图片粘贴 – 泽优软件博客

.edui-default .edui-for-wordpaster .edui-icon{width: 16px;height: 16px;background-position: -648px -77px;}.edui-default .edui-for-netpaster .edui-icon {width: 16px;height: 16px;background-position: -693px -77px;}.edui-default .edui-for-excelpaster .edui-icon{background-position: -675px -77px;}

或者使用单独的图片

.edui-default.edui-for-excelpaster.edui-icon { width: 16px;height: 16px;background: url(“[url]http://www.ncmem.com/images/w.png”[/url])no-repeat;}

1.1.4. 在ueditor工具栏中增加插件按钮

1.1.5. 增加插件按钮事件响应代码

代码如下：

UE.commands[‘wordpaster’] = {

execCommand : function(){

pasterMgr.Paste();

}

};

UE.commands[‘netpaster’] = {

execCommand : function(){

pasterMgr.UploadNetImg();

}

};

如果使用ueditor.all.min.js则添加下列代码：

代码：

UE.commands.wordpaster={execCommand:function(){pasterMgr.Paste();}};

1.1.6. 增加工具栏命令按钮

如果使用ueditor.all.min.js则添加下列代码：

1.1.7. 添加到右键菜单

集成后的效果：

1.1.8. 自定义Ctrl+V快捷键

1.1.9. 引用页面代码

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

<head>

–>

head>

<body>

<textarea name=”后台取值的key” id=”myEditor”>这里写你的初始化内容textarea>

var pasterMgr = new WordPasterManager();

pasterMgr.Config[“PostUrl”] = “http://localhost:1761/upload.aspx”

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

UE.getEditor(‘myEditor’,{onready:function(){//创建一个编辑器实例

pasterMgr.SetEditor(this);

}});

script>

body>

html>

说明：

WordPasterManager必须申明成全局变量

常见问题：

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

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

2.整合后无法粘贴图片

可能原因：[url]http://bbs.ncmem.com/thread-517-1-1.html[/url]

ueditor编辑器+粘贴word

admin — Wed, 07 Aug 2019 07:27:33 +0000

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

在线演示：FCKEditor2x，CKEditor3x，CKEditor4x，KindEditor3x，KindEditor4x，UEditor1x，tinymce3x，tinymce4x，xheditor1x,

控件包：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,

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

产品交流群：

视频教程：https://www.ixigua.com/7233953214108795407

1.下载示例：

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

2.复制WordPaster插件目录

3.引入插件文件

注意：不要重复引入jquery，如果您的项目已经引入了jq，则不用再引入jq-1.4

4.在工具栏中增加插件按钮

6.初始化控件

注意：

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

效果

订阅版：http://www.ncmem.com/webapp/wordpaster/purchase.aspx

政企版：http://www.ncmem.com/webapp/wordpaster/purchase.aspx?type=ent

年费版：http://www.ncmem.com/webapp/wordpaster/purchase.aspx?type=year

OEM版：http://www.ncmem.com/webapp/wordpaster/purchase.aspx?type=oem

源码版：http://www.ncmem.com/webapp/wordpaster/purchase.aspx?type=code

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwzYuEEY1

ueditor+word粘贴上传

admin — Wed, 07 Aug 2019 07:26:54 +0000

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

保留所有权利

官方网站：http://www.ncmem.com/index.aspx

产品首页：http://www.ncmem.com/webapp/wordpaster/index.aspx

开发文档：http://www.ncmem.com/doc/view.aspx?id=29adc89a08ed489498160458cddfa51b

控件下载：http://www.ncmem.com/webapp/wordpaster/pack.aspx

示例下载：http://www.ncmem.com/webapp/wordpaster/versions.aspx

联系信箱：1085617561@qq.com

联系QQ：1085617561

产品交流群：
扫码加群：

1.1. 集成到UEditor1.x

说明：

1.wordpaster以插件形式集成到ueditor中，不会对ueditor原有功能造成影响。当不需要wordpaster功能时可以直接卸载。

2.wordpaster使用的上传页面是一个单独的页面，和ueditor官方demo中的上传页面不是同一个页面。

3.wordpaster与ueditor版本无关，可支持多个版本。

4.wordpaster是基于插件技术实现的功能，使用前需要安装插件。

项目：
1.复制目录：WordPaster

2.复制文件：ueditor/themes/default/css/ueditor.css
demo已修改此样式文件，在这个样式文件中增加了wordpaster图标样式

增加的代码如下：


增加以下代码：这里使用单独的图片

.edui-for-wordpaster.edui-icon { width: 16px;height: 16px;background: url(“http://www.ncmem.com/images/w.png”)no-repeat 2px 2px !important;}

3.在工具栏中增加插件按钮

5.增加插件按钮事件响应代码

代码如下：

UE.commands[‘wordpaster’] = {

    execCommand : function(){

        pasterMgr.Paste();

    }

};

UE.commands[‘netpaster’] = {

    execCommand : function(){

        pasterMgr.UploadNetImg();

    }

};

如果使用ueditor.all.min.js则添加下列代码：

代码：

UE.commands.wordpaster={execCommand:function(){pasterMgr.Paste();}};

1.1.6. 增加工具栏命令按钮

如果使用ueditor.all.min.js则添加下列代码：

1.1.7. 添加到右键菜单

集成后的效果：

1.1.8. 自定义Ctrl+V快捷键

页面：
1.在引用页面增加头文件和插件初始化代码

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

<head>

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

    <script type=”text/javascript” src=”ueditor.config.js” charset=”utf-8″>script>

  <script type=”text/javascript” src=”ueditor.all.min.js” charset=”utf-8″>script>

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

    <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/w.edge.js” charset=”utf-8″>script>

    <script type=”text/javascript” src=”WordPaster/js/w.app.js” charset=”utf-8″>script>

    <script type=”text/javascript” src=”WordPaster/js/w.file.js” charset=”utf-8″>script>

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

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

head>

<body>

     <textarea name=”后台取值的key” id=”myEditor”>这里写你的初始化内容textarea>

     <script type=”text/javascript”>

        var pasterMgr = new WordPasterManager();//这里必须声明成全局变量。

         pasterMgr.Config[“PostUrl”] = “http://localhost:1761/upload.aspx”

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



         UE.getEditor(‘myEditor’,{onready:function(){

              pasterMgr.SetEditor(this);

         }});

     script>

body>

html>

说明：

WordPasterManager必须申明成全局变量

批量粘贴效果：

自动替换编辑器中的图片地址：在上传多张图片时非常方便，也非常高效。

图片保存路径：

常见问题：

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

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

2.整合后无法粘贴图片

可能原因：http://www.ncmem.com/doc/view.aspx?id=305840a72ab142378b3960b6a224bd75

ueditor自动上传Word中的图片

admin — Wed, 07 Aug 2019 07:06:03 +0000

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

在线演示：FCKEditor2x示例,CKEditor3x示例,CKEditor4x示例,KindEditor3x示例,KindEditor4x示例,UEditor1x示例,tinymce3x示例,tinymce4x示例,xheditor1x示例,

整合教程：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

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

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

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

QQ群：223813913

微信：jmzyqwl

视频教程：https://www.ixigua.com/7233953214108795407

说明：UEditor1.4x示例中编辑器版本已经升级到ueditor-1.4.3.3，请下载最新的示例。

1.1. 集成到UEditor1.x

说明：

1.wordpaster以插件形式集成到ueditor中，不会对ueditor原有功能造成影响。当不需要wordpaster功能时可以直接卸载。

2.wordpaster使用的上传页面是一个单独的页面，和ueditor官方demo中的上传页面不是同一个页面。

3.wordpaster与ueditor版本无关，可支持多个版本。

4.wordpaster是基于插件技术实现的功能，使用前需要安装插件。

1.下载示例：

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

项目：
1.复制目录：WordPaster
ueditor1.4x示例中，wordpaster插件JS采用更加合理的方式实现了插件，不需要再修改ueditor的任何代码，请下载ueditor1.4x示例使用。

2.引入组件并初始化

注意：不要重复引入jquery，如果您的项目已经引入了jq，则不用再引入jq-1.4

3.配置上传接口地址（PostUrl）

示例中上传接口默认返回的数据是图片的完整路径。如：http://www.ncmem.com/test.jpg

如果您的上传接口返回JSON数据请修改ImageMatch配置，参考：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

如果您的上传接口有SESSION验证，则请配置COOKIE，参考：http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3
如果使用的是ueditor自带的上传接口，请修改文件字段名称，参考：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

注意：

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