KindEditor富文本编辑器

版权声明：本文为博主原创文章，转载请注明出处。 https://blog.csdn.net/qq_15764943/article/details/85018506

KindEditor

KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，与此类似技术如：UEditor、CKEditor等
http://kindeditor.net/demo.php

引入相关JS

<link href="../js/kindeditor-4.1.11/themes/default/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="../js/kindeditor-4.1.11/kindeditor-all-min.js"></script>
<script type="text/javascript" src="../js/kindeditor-4.1.11/lang/zh_CN.js"></script>

JS收集下载地址：https://pan.baidu.com/s/17H7eP9SUd7QT0omCyvu0cA 提取码：7yac

简单使用

（1）html

<textarea style="width:800px;height:300px;visibility:hidden;" name="desc"></textarea>

（2）JavaScript

var PR = {
	// 编辑器参数
	kingEditorParams : {
		//指定上传文件参数名称
		filePostName  : "uploadFile",
		//指定上传文件请求的url。
		uploadJson : '/pic/upload',
		//上传类型，分别为image、flash、media、file
		dir : "image"
	}
}
var itemAddEditor = KindEditor.create("#itemAddForm [name=desc]", PR.kingEditorParams);

itemAddEditor.sync();  //同步文本框中的商品描述
itemAddEditor.html('');  //清空富文本编辑器