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

最新推荐文章于 2024-03-24 17:13:24 发布

原创最新推荐文章于 2024-03-24 17:13:24 发布 · 1w 阅读

1 ·

CC 4.0 BY-SA版权

Other 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何设置KindEditor编辑器默认启动为源代码模式，并解决JavaScript无法获取编辑器中textarea值的问题，包括同步值的方法和更新内容的方式。

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

4)、KindEditor 4.1.10 (2013-11-23)版里。在ie8下面设置placeholder给值会导致js用val()无法验证，后台无法获取值。很恶心的地方。