《KindEditor(简洁版)编辑器使用方法》

(1)首先到KindEditor官网下载最新版本编辑器 http://kindeditor.net/down.php

(2)在前台页面中引用编辑器所需的文件

 <link href="../kindeditor/themes/default.css" rel="stylesheet" />
 <script src="../kindeditor/kindeditor-min.js"></script>
 <script src="../kindeditor/lang/zh_CN.js"></script>


(3)实例化编辑器

<script>
        var editor;
        KindEditor.ready(function (K) {
            editor = K.create('textarea[name="content"]', {
                resizeType: 1,
                items: [
                    'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                    'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                    'insertunorderedlist', '|', 'emoticons', 'link', 'multiimage']
            }); 
        });

    </script>

(4)在页面中要KindEditor实例化的编辑器

  <textarea  name="content" style="width:800px;height:250px; padding:5px;"></textarea>

(5)编辑器在前台取值

 editor.sync();//取值之前,需要先调用这个方法
 var Content = $("textarea [name='content']").val();

(6)编辑器在前台赋值

 editor.sync();//赋值之前需要调用这个方法
 editor.html("");

 

posted @ 2014-05-26 14:45  国驰  阅读(475)  评论(0)    收藏  举报