KindEditor编辑器使用方法

最新推荐文章于 2021-06-10 17:20:46 发布

长江之友

最新推荐文章于 2021-06-10 17:20:46 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签： KindEditor编辑器插件

本文链接：https://blog.youkuaiyun.com/changjiangbuxi/article/details/11909791

Web前端专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何在HTML页面中集成KindEditor富文本编辑器。通过三步操作即可实现：首先，在HTML文件中引入KindEditor的JS文件；其次，创建一个用于编辑的textarea元素；最后，在JS文件中初始化编辑器并设置相关参数。

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

第一步：在前台html文件中引入js：
<script src="__ROOT__/Public/js/kindeditor/kindeditor.js"></script>
第二步：在前台html文件中写入：
<textarea id='content1' type="content1" name="title" style="width:700px;height:350px;"></textarea>
第三步：在js文件中写入：
KindEditor.ready(function(K) {
editor1 = K.create('textarea[type="content1"]', { //注意：content1为<textarea>中的type
afterBlur:function(){this.sync();},//将编辑器的内容设置到原来的textarea控件里，获取编辑器的内容
});
editor1.exec('fontsize', '16px');//控制编辑器中文字的大小
});
注意：editor1.text("");为清空编辑器的内容