在线编辑器的使用总结(kindeditor , )

1）、kindedtor中让编辑框默认为“HTML代码/源代码”模式

[javascript] view plaincopyprint?

1. <script>
2. // 自定义插件 #1
3. KindEditor.lang({
4. example1 : '插入HTML'
5. });
6. // 自定义插件 #2
7. KindEditor.lang({
8. example2 : 'CLASS样式'
9. });
10. KindEditor.ready(function(K) {
11. KindEditor.options.designMode = false;//添加的内容
12. K.create('#content', {
13. cssPath : ['plugins/code/prettify.css', 'index.css'],
14. items : ['source', 'removeformat', 'code']
15. });
16. });
17. </script>

如上所示：在K.create('#content', { 前添加 KindEditor.options.designMode = false; 设置成false即为打开是默认为源代码模式。

2）、Javascript无法获取kindedtor中textarea里的值。

在创建的时候加上：afterBlur 属性：afterBlur: function(){this.sync();}

如下：

[javascript] view plaincopyprint?

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

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

[javascript] view plaincopyprint?

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

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