欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

富文本编辑器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>