在线编辑器的使用总结(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("更改后的内容");