富文本编辑器Kindeditor
程序员文章站
2022-05-26 18:43:20
...
什么是富文本编辑器?
富文本编辑器,Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能。随着功能的增多,一些常规的文本域已经无法满足人们的需求,富文本的出现使那些不会HTML代码的人们能够更好的设置自己喜欢的文本格式。
在网页中使用富文本编辑器的时候首先要初始化一个页面
<script type="text/javascript">
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true
});
});
</script>
//allowFileManager 【是否允许浏览服务器已上传文件】 默认值是:false
富文本编辑器所依赖的样式和js
<!-- 富文本编辑器 -->
<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>
在页面中加入:
<!-- 正文区域 -->
<section class="content">
页面中的文本域:
<textarea name="content" style="width:800px;height:400px;visibility:hidden;" ></textarea>