欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

富文本编辑器 KindEditor的使用

程序员文章站 2022-07-02 22:32:31
...

1、引入相关的js和css

	<link rel="stylesheet" href="../plugins/kindeditor/themes/default/default.css" />
	<script charset="utf-8" src="../plugins/kindeditor/kindeditor-min.js"></script>
	<script charset="utf-8" src="../plugins/kindeditor/lang/zh_CN.js"></script>

2、给文本域设置name
<textarea name="content"/>
3、在js脚本中把文本域渲染成富文本编辑器

	var editor;
	KindEditor.ready(function(K) {
		editor = K.create('textarea[name="content"]', {
			allowFileManager : true
		});
	});

4、取值的方法

  var value = editor.html();

5、赋值

 editor.html("");