KindEditor插件生成编辑工具

来源：互联网发布：网络语言9代表什么意思编辑：程序博客网时间：2024/06/05 00:20

首先，必须先引进所有KindEditor插件的文件：

如：

代码如下：

<body>
       <div style="height:90%;width:100%;padding-top:5px;">
            <form name="example" method="post" action="demo.jsp">
               <textarea id="area" name="content" cols="100" rows="8" style="width:640px;height:320px;visibility:hidden;"></textarea>
           </form>
       </div>

    <script type="text/javascript">
        mini.parse(); //mini.parse() 把html标签解析成miniui控件对象。
       KindEditor.ready(function(K) {
           var editor= K.create('textarea[name="content"]', {
               cssPath : 'resources/scripts/plugins/kingeditor/plugins/code/prettify.css',
               allowFileManager : true,
               afterCreate : function() {
                   var self = this;
                   K.ctrl(document, 13, function() {
                       self.sync();
                       document.forms['example'].submit();
                   });
                   K.ctrl(self.edit.doc, 13, function() {
                       self.sync();
                       document.forms['example'].submit();
                   });
               },
               items : [
                   'fontname', 'fontsize', '|','undo','redo','|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                   'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                   'insertunorderedlist', 'table','|', 'link','unlink']
           });
       });

    </script>

</body>