WordPaster-UEditor1.x整合教程

2024-10-26 18:48:30 原文

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

保留所有权利

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

产品首页：http://www.ncmem.com/webplug/wordpaster/index.asp

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

产品介绍：http://www.cnblogs.com/xproer/p/5088931.html

升级日志：http://www.cnblogs.com/xproer/archive/2011/04/08/2009503.html

开发文档：控件卸载教程,开发文档(ASP),开发文档(PHP),开发文档(JSP),开发文档(.NET),

整合教程：动易SiteFactory 4.7,FoosunCMS 3.1,PHPCMS 2008 sp4,PHPCMS v9,Z-Blog,CKEditor3.x,UEditor1.x,CuteEditor6.7,HDwik5.0,KesionCMS V8,KesionCMS V9,WordPress 3.4.1,dedecms5.7,eWebEditor9x,KindEditor4.x,

资源下载：cab安装包(x86),cab安装包(x64),crx安装包(npapi),crx安装包(Native Message),xpi安装包,exe安装包,开发文档,VC运行库,数字证书根证书,MathType6.5,

示例下载(ASP)：FCKEditor2.x,CKEditor3.x,CKEditor4.x,CuteEditor6.6,KindEditor3.x,KindEditor4.x,tinymce3.x,tinymce4.x,ueditor1.x,xheditor1.x,eWebEditor9x,

示例下载(.NET)：FCKEditor2.x，FCKEditor2.x-ExtJs，CKEditor3.x，CKEditor3.x-ExtJs，CKEditor4.x，KindEditor3.x，KindEditor4.x,UEditor1.x,jmeditor,xheditor,tinymce3x,tinymce4x,CuteEditor6.7,eWebEditor9x,

示例下载(JSP)：FCKEditor2.x,CKEditor3.x,CKEditor3.x-ExtJs,CKEditor4.x,KindEditor3.x,KindEditor4.x,tinymce3x,tinymce4x,UEditor1.x,xheditor1x,eWebEditor9x,

示例下载(PHP)：FCKEditor2.x,CKEditor3.x,CKEditor4.x,KindEditor3.x,KindEditor4.x,tinymce3x,tinymce4x,UEditor1.x,xheditor1x,CuteEditor,HDwiki5.0,wordpress 3.7.1,Joomla 3x,Drupal 7x,

联系信箱：1085617561@qq.com

联系QQ：1085617561

1.1. 集成到UEditor1.x

主要步骤如下：

1.1.1. 上传WordPaster文件夹

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

1.1.3. 修改ueditor.css文件

增加以下代码：

.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;

}

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="http://www.w3.org/1999/xhtml">

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

说明：

1.WordPasterManager必须申明成全局变量

2.整合完毕后务必检查posturl是否设置正确，修改posturl后最好使用浏览器调试工具(F12)检查页面中的posturl是否设置正确。

WordPaster-UEditor1.x整合教程的更多相关文章

TinyMCE3.x整合教程-Xproer.WordPaster
版权所有 2009-2017 荆门泽优软件有限公司保留所有权利官方网站:http://www.ncmem.com/ 产品首页:http://www.ncmem.com/webplug/wordpa ...
KindEditor3.x整合教程-Xproer.WordPaster
版权所有 2009-2017 荆门泽优软件有限公司保留所有权利官方网站:http://www.ncmem.com/ 产品首页:http://www.ncmem.com/webplug/wordpa ...
FCKEditor2.x整合教程-Xproer.WordPaster
版权所有 2009-2017 荆门泽优软件有限公司保留所有权利官方网站:http://www.ncmem.com/ 产品首页:http://www.ncmem.com/webplug/wordpa ...
CKEditor4.x整合教程-Xproer.WordPaster
版权所有 2009-2017 荆门泽优软件有限公司保留所有权利官方网站:http://www.ncmem.com/ 产品首页:http://www.ncmem.com/webplug/wordpa ...
eWebEditor9.x整合教程-Xproer.WordPaster
版权所有 2009-2017 荆门泽优软件有限公司保留所有权利官方网站:http://www.ncmem.com/ 产品首页:http://www.ncmem.com/webplug/wordpa ...
TinyMCE4.x整合教程-Xproer.WordPaster
版权所有 2009-2017 荆门泽优软件有限公司保留所有权利官方网站:http://www.ncmem.com/ 产品首页:http://www.ncmem.com/webplug/wordpa ...
phpcmsv9 阿里云OSS云存储整合教程
该教程算不上是phpcmsv9阿里云oss插件,所以整个修改及其代码覆盖前请一定记得备份.还有一点就是后台发布文章时上传的附件还是会保存在你的服务器上,基于以下原因:1.个人的需求是前台页面需要使用t ...
详细整合教程（Spring+SpringMVC+MyBatis）
详细整合教程(Spring+SpringMVC+MyBatis) http://blog.csdn.net/gebitan505/article/details/44455235/
dwr与ssh框架整合教程
(1)dwr与ssh框架整合教程dwr框架介绍. DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJ ...

随机推荐

创建smartfroms页格式
1.输入TCODE:spad 2.页格式:完全管理 ---> 设备类型 ---> 页格式 ---> 创建 3.比如:长:24.2cm 宽:11.5cm 则设置:纸宽:115MM 纸 ...
VSS源代码管理器运行代码分析工具的命令
当你发现代码库总是报需要联系管理员运行代码分析工具时,你可以使用命令分析代码库代码解决: To fix the database problems, you can restart the analy ...
Vue filter-v-for 使用
var app5 = new Vue({ el: '#app5', data: { shoppingList: [ "Milk", "Donuts", &quo ...
Vue 快速原型开发
快速原型开发注意: 是:serve 而不是 server 通过使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发,不过这需要先额外安装一个全局的扩展 go ...
BOM心得
Brower Objects Model浏览器对象模型 ps: 到现在也没个正式标准.............. window是BOM的顶级对象,但一般可以省略一.Location对象相当于浏览器 ...
RDMA的基础概念
一张图可以简单明确的说明,目前RDMA的几种技术的差别: RDMA是remote Direct memory access的简称,有几个最基本的特点: CPU offload kernel bypas ...
git回退文件修改
假设git仓库某个文件的提交信息如下: [cxy@localhost-live mate-power-manager]$ git log -n3 SPECS/mate-power-manager.sp ...
MFC窗口颜色的设置
本文主要介绍对话框背景色以及控件颜色的设置(SetDialogBkColor()不再被支持). 对话框背景色的设置 1.重载OnPaint()函数,即WM_PAINT消息,代码如下所示: void C ...
LibreOJ #6007. 「网络流 24 题」方格取数最小割最大点权独立集最大流
#6007. 「网络流 24 题」方格取数内存限制:256 MiB时间限制:1000 ms标准输入输出题目类型:传统评测方式:文本比较上传者: 匿名提交提交记录统计讨论测试数据题目描述 ...
大神的P图过程！快来偷窥！
来自美国的艺术家James(@jameasons) 平时我们总是能看到一些大神合成出这样的图片, 但是他们P图的过程是怎样的,很多人都是不知道的. 接下来再看看这位大神的其他作品, 如果你看了上面视频 ...