在线HTML编辑器：kindeditor、FCKeditor

最新推荐文章于 2019-07-06 21:42:07 发布

原创最新推荐文章于 2019-07-06 21:42:07 发布 · 338 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

29 篇文章

订阅专栏

本文详细介绍如何将KindEditor在线编辑器集成到项目中，包括将editor文件复制到指定目录，以及在编辑器页面引入必需的JS文件。通过具体代码示例，读者可以学会在<textarea>元素上启用KindEditor，实现富文本编辑功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将editor文件直接“复制”到day21目录即可。
在需要的编辑器的页面，引入如下文件：

<script charset="utf-8" src="js/editor/kindeditor-min.js"></script>
<script charset="utf-8" src="js/editor/lang/zh_CN.js"></script>
<script>

//加入在线编辑器
var editor;
KindEditor.ready(function(K) {
	//在当前网页中，查找<textarea name = ‘content’></textarea>，并替换成kindeditor编辑器。
editor = K.create('textarea[name="content"]', {
		allowFileManager : true   //是否允许上传文件
	});
});
</script>
<textarea id="content" name="content" style="width:100%;height:300px; "></textarea>

在这里插入图片描述