使用kindeditor直接粘贴本地图片或者是qq截图

版权所有 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. 集成到KindEditor4.x

主要步骤如下:

1.上传插件文件夹

2.上传WordPaster文件夹

 

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

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

<head>

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

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

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

    <link type=”text/css” rel=”stylesheet” href=”themes/simple/simple.css” />

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

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

    <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 id=”content1″ name=”content1″ style=”width:700px;height:300px;visibility:hidden;“></textarea>

     <script type=”text/javascript”>

         var pasterMgr = new WordPasterManager();

         pasterMgr.Config[PostUrl”] = “http://localhost:3431/asp.net/upload.aspx”;//请将此地址改为实际项目地址

         pasterMgr.Load();//

 

         var editor;

         KindEditor.ready(function(K)

         {

              editor = K.create(‘#content1’

              ,

              { items: [

              ‘source’‘|’‘undo’‘redo’‘|’‘preview’‘print’‘template’‘cut’‘copy’‘paste’,

        ‘plainpaste’‘wordpaste’‘wordpaster’,‘netpaster’‘|’‘justifyleft’‘justifycenter’‘justifyright’,

        ‘justifyfull’‘insertorderedlist’‘insertunorderedlist’‘indent’‘outdent’‘subscript’,

        ‘superscript’‘clearhtml’‘quickformat’‘selectall’‘|’‘fullscreen’‘/’,

        ‘formatblock’‘fontname’‘fontsize’‘|’‘forecolor’‘hilitecolor’‘bold’,

        ‘italic’‘underline’‘strikethrough’‘lineheight’‘removeformat’‘|’‘image’,

        ‘flash’‘media’‘insertfile’‘table’‘hr’’emoticons’‘map’‘code’‘pagebreak’,

        ‘link’‘unlink’‘|’‘about’]

              , afterCreatefunction()

                   {

                       pasterMgr.SetEditor(this);

                       var self = this;

                       //自定义 Ctrl + V 事件。

                       KindEditor.ctrl(self.edit.doc,‘V’,function(){pasterMgr.Paste();});

                   }

              });

         });

     </script>

</body>

</html>

 

说明:

WordPasterManager必须申明成全局变量

 

整合效果:

 

常见问题:

1.   插件图片无法显示。

可能原因:a.缺少插件图片资源

b.工具栏中没有增加插件按钮

 

2.   粘贴图片无法显示。

可能原因:PostUrl地址不正确

 

3.   Ctrl+V无法粘贴。

可能原因:没有定义Ctrl+V事件

 

4.   整合到项目中图片无法上传

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