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

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

[javascript]   view plain copy print ?

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 plain copy print ?

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 plain copy print ?

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("更改后的内容");

转载于:https://www.cnblogs.com/f-zp/p/3559556.html