版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/qq_15764943/article/details/85018506
KindEditor简单使用
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(''); //清空富文本编辑器