KindEditor4.x整合教程-Xproer.WordPaster

时间:2023-03-09 19:40:31
KindEditor4.x整合教程-Xproer.WordPaster

1.1. 集成到KindEditor4.x

主要步骤如下:

1.上传插件文件夹

KindEditor4.x整合教程-Xproer.WordPaster

2.上传WordPaster文件夹

KindEditor4.x整合教程-Xproer.WordPaster

 

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

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

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

              , afterCreate: function()

                   {

                       pasterMgr.SetEditor(this);

                       var self = this;

                       //自定义 Ctrl + V 事件。

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

                   }

              });

         });

     </script>

</body>

</html>

 

说明:

WordPasterManager必须申明成全局变量

KindEditor4.x整合教程-Xproer.WordPaster