tinymce+粘贴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.整合后无法粘贴图片

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

tinymce+粘贴word图片例子 – 泽优软件博客

富文本编辑器+可粘贴word内容

ckeditor复制粘贴word

ckeditor粘贴word文档图片的思路

word内容带样式粘贴到富文本编辑器

1.1.1. 上传插件目录

1.1.2. 引入插件文件

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

1.1.4. 初始化控件

1.1.5. 配置上传接口（PostUrl）

在百度ueditor上粘贴从word中copy的图片和文字 图片无法显示的问题

word图文混排复制到UEditor图片不显示

1.1.1. 上传插件目录

1.1.2. 引入插件文件

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

1.1.4. 初始化控件

1.1.5. 配置上传接口（PostUrl）

Ueditor Word图片转存交互

ue/um-editor实现word图片复制

1.1.7. 添加到右键菜单

1.1.8. 自定义Ctrl+V快捷键

ueditor批量上传word图片

1.1.1. 上传插件目录

1.1.2. 引入插件文件

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

1.1.4. 初始化控件

1.1.5. 配置上传接口（PostUrl）

Ueditor 从word中复制内容带多张图片

1.1.1. 上传插件目录

1.1.2. 引入插件文件

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

1.1.4. 初始化控件

1.1.5. 配置上传接口（PostUrl）

ckeditor粘贴word

1.1.1. 上传WordPaster文件夹

1.1.2. 上传插件文件夹

1.1.3. 工具栏增加按钮

1.1.4. 在页面引入控件

1.1.5. 控件初始化

1.1.6. 配置上传接口(PostUrl)

ueditor粘贴word中图片

1.1. 集成到UEditor1.x

1.1.1. 上传WordPaster文件夹

1.1.2. 在工具栏图标集合中增加插件按钮图标

1.1.3. 修改ueditor.css文件

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

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

1.1.6. 增加工具栏命令按钮

1.1.7. 添加到右键菜单

1.1.8. 自定义Ctrl+V快捷键

1.1.9. 引用页面代码

在百度ueditor上粘贴从word中copy的图片和文字图片无法显示的问题