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

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

[javascript] view plaincopyprint?

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