富文本编辑器 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("");
推荐阅读
-
EmEditor Professional(文本编辑器)使用教程(适用于初学者)
-
KindEditor怎么使用?KindEditor编辑器使用图文教程
-
Python的Flask站点中集成xhEditor文本编辑器的教程
-
Python的Flask框架中集成CKeditor富文本编辑器的教程
-
锚文本和超链接的区别,五分钟让你搞懂这两者的使用方法
-
锚文本和超链接的区别,五分钟让你搞懂这两者的使用方法
-
vue2.0 实现富文本编辑器功能
-
ue编辑器怎么用?ultraedit文本编辑器使用方法
-
ultraedit怎么用?ultraedit-32文本编辑器使用教程
-
TextView使用SpannableString设置复合文本 SpannableString实现TextView的链接效果