ckeditor粘贴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

联系QQ:1085617561

产品交流群:泽优Word一键粘贴控件
扫码加群:
   

1.1. 集成到CKEditor3.x

主要步骤如下:

1.上传WordPaster文件夹

一般将WordPaster.cab放在WordPaster目录下。

 

2.上传CKEditor插件目录

 

3.在引用页面增加插件按钮

 

如果希望添加到默认工具栏中,请修改ckeditor.js,在toolbar_Full中增加imagepaster,netpaster

修改config.js,增加imagepaster,netpaster插件代码:

示例代码:

config.extraPlugins = ‘imagepaster, netpaster’;

引用页面代码:

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

<head>

    <link type=”text/css” rel=”Stylesheet” href=”WordPaster/css/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>

    <script type=”text/javascript” src=”ckeditor/ckeditor.js”></script>

</head>

<body>

     <textarea id=”editor1″ name=”editor1″><img src=”http://mat1.gtimg.com/www/images/qq2012/qqlogo_1x.png” width=”134″ height=”44″ /></textarea>

    <script type=”text/javascript”>

        var pasterMgr = new WordPasterManager();

         pasterMgr.Config[“PostUrl“] = “http://localhost:2797/asp.net/upload.aspx”

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

   

         CKEDITOR.on( ‘instanceReady’function(evt) {

             pasterMgr.SetEditor(evt.editor);

        });

         //自定义快捷键

         CKEDITOR.config.keystrokes = [

              [CKEDITOR.CTRL + 86/*V*/,‘imagepaster’]

         ];

         //加载CKEditor编辑器

         CKEDITOR.replace(‘editor1’);

     </script>

</body>

</html>

 

说明:

WordPasterManager必须申明成全局变量

 

 批量粘贴效果:
 

常见问题:

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

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