实现粘贴WORD图片的在线编辑器
版权所有 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
说明:此教程以CKEditor4.x为例,使用其他编辑器的查看对应教程。
1.上传WordPaster文件夹
2.上传插件文件夹
将imagepaster,netpaster文件夹上传到现有项目ckeditor/plugins目录中
3.在工具栏中增加插件按钮
4.上传upload.aspx
修改命名空间
修改完后需要编译项目
5.引用页面代码
<htmlxmlns=”[url]http://www.w3.org/1999/xhtml”[/url]>
<head>
<metahttp-equiv=”Content-Type”content=”text/html; charset=utf-8″>
<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″></script>
<scripttype=”text/javascript”src=”WordPaster/js/jquery-1.4.min.js”charset=”utf-8″></script>
<scripttype=”text/javascript”src=”ckeditor/ckeditor.js”></script>
<scripttype=”text/javascript”src=”WordPaster/js/w.edge.js”charset=”utf-8″></script>
<scripttype=”text/javascript”src=”WordPaster/js/w.app.js”charset=”utf-8″></script>
<scripttype=”text/javascript”src=”WordPaster/js/w.file.js”charset=”utf-8″></script>
<scripttype=”text/javascript”src=”WordPaster/js/WordPaster.js”charset=”utf-8″></script>
<scripttype=”text/javascript”src=”WordPaster/js/skygqbox.js”charset=”utf-8″></script>
</head>
<body>
<textareaid=”editor1″name=”editor1″><imgsrc=”[url]http://mat1.gtimg.com/www/images/qq2012/qqlogo_1x.png”[/url]width=”134″height=”44″/></textarea>
<scripttype=”text/javascript”>
var pasterMgr = new WordPasterManager();//注意:此变量必须设为全局变量
pasterMgr.Config[“PostUrl“] = “http://localhost:20741/upload.aspx”
pasterMgr.Load();//加载控件
CKEDITOR.config.extraPlugins = ‘imagepaster,netpaster’;
//CKEditor初始化完毕
CKEDITOR.on( ‘instanceReady’, function( ev ) {
pasterMgr.SetEditor(ev.editor);
});
//自定义快捷键
CKEDITOR.config.keystrokes = [
[CKEDITOR.CTRL + 86/*V*/,‘imagepaster’]
];
//加载CKEditor编辑器
CKEDITOR.replace(‘editor1’);
</script>
</body>
</html>
说明:
WordPasterManager必须申明成全局变量
常见问题:
1.为什么整合到项目中图片无法上传?
可能原因:可能上传页面有登陆验证,上传时没有添加SESSION信息,导致上传失败。可在上传页面增加SESSION参数。