zoukankan      html  css  js  c++  java
  • KindEditor4.x整合教程-Xproer.WordPaster

    1.1. 集成到KindEditor4.x

    主要步骤如下:

    1.上传插件文件夹

    9f81b0ee-1458-423f-85f2-8a6c82a2634b

    2.上传WordPaster文件夹

    a0a98e5f-2fe1-46b2-864e-53bfc63b83ba

     

    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必须申明成全局变量

    23363509-199c-410d-91c6-093c6d60542c

     

  • 相关阅读:
    新入行程序员考虑自己是否明白以下这8件事情
    程序猿品种总结你是哪一类?
    利用趣味漫画讲述云计算起源
    设计师遇到瓶颈时的五个解困惑建议
    可以帮助到我今后的程序员生涯的十分钟思考
    oc编程中继承的相关实例
    centos和ubuntu服务器Bash漏洞修复方法
    jQuery经典面试题精选
    phpstudy -sql服务器2008r2 -中控考勤机 -php 组合查询考勤
    bat 批处理测试局域网速度 两端电脑
  • 原文地址:https://www.cnblogs.com/xproer/p/4670314.html
Copyright © 2011-2022 走看看