在線編輯器的使用總結(kindeditor , )

1）、kindedtor中讓編輯框默認為“HTML代碼/源代碼”模式

<script>
        // 自定義插件 #1
        KindEditor.lang({
            example1 : '插入HTML'
        });

        // 自定義插件 #2
        KindEditor.lang({
            example2 : 'CLASS樣式'
        });

        KindEditor.ready(function(K) {
            KindEditor.options.designMode = false;//添加的內容
            K.create('#content', {
                cssPath : ['plugins/code/prettify.css', 'index.css'],
                items : ['source', 'removeformat', 'code']
            });
        });
    </script>

如上所示：在K.create('#content', { 前添加 KindEditor.options.designMode = false; 設置成false即為打開是默認為源代碼模式。

 

 2）、Javascript無法獲取kindedtor中textarea里的值。

在創建的時候加上：afterBlur 屬性：afterBlur: function(){this.sync();}

如下：

KindEditor.ready(function(K) {
                KindEditor.options.designMode = false;
                    editor=K.create('#content', {
                    cssPath : ['plugins/code/prettify.css', 'index.css'],
                    items : ['source', 'removeformat', 'code'],
                    afterBlur: function(){this.sync();}
                });
            });

 

 3）、修改kindedtor中textarea里的值，重新設置kindedtor中textarea里的值。

var <span style="color:#cc0000;">editor</span>;
            KindEditor.ready(function(K) {
                KindEditor.options.designMode = false;
                    editor=K.create('#content', {
                    cssPath : ['plugins/code/prettify.css', 'index.css'],
                    items : ['source', 'removeformat', 'code'],
                    afterBlur: function(){this.sync();}
                });
            });

editor.html("更改后的內容");