美文网首页Bootstrap-学习
KindEditor 的简单使用(一)

KindEditor 的简单使用(一)

作者: 白云青叶 | 来源:发表于2020-07-16 16:30 被阅读0次

1、官网下载地址

http://kindeditor.net/down.php
2、导入相关文件

可根据实际情况进行选择:JSP
3、JSP 导入文件

kindeditor/themes/default/default.css
kindeditor/kindeditor-min.js
kindeditor/lang/zh_CN.js
4、初始化KindEditor编辑器

在js 中添加如下代码:
var editor;
KindEditor.ready(function (K) {
editor = K.create('textarea[name="content"]', {
//否允许浏览服务器已上传文件,默认是false
allowFileManager: true
});
});
将textare 的名称设置为和editor相等
5、提取编辑器内容

var content = =editor.html();,
6、清空编辑器内容

editor.html('');
7、目前遇到的问题

kindEditor 在页面上并怎么好看,但是可以用

相关文章

网友评论

    本文标题:KindEditor 的简单使用(一)

    本文链接:https://www.haomeiwen.com/subject/brtmhktx.html