php调用kindedit富文本编辑器。

李彣辉

于 2016-02-04 18:25:24 发布

阅读量561

点赞数

分类专栏： php 文章标签：文本编辑 php

李芠辉

本文链接：https://blog.youkuaiyun.com/li_wen_hui/article/details/50636052

版权

php 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何在网页中集成KindEditor富文本编辑器，包括必要的JavaScript文件引入及初始化配置代码。通过简单的步骤实现文章内容编辑区域的功能。

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

在<head></head>之间添加调用编辑器代码。

<!--调用kind富文本编辑器。-->
<script charset="utf-8" src="/editor/kindeditor.js"></script>
<script charset="utf-8" src="/editor/lang/zh_CN.js"></script>
<script>
        KindEditor.ready(function(K) {
                window.editor = K.create('#editor_id');
        });
</script>

在文章内容区加入以下代码。

<td style="text-align:right;">文章内容:</td>
<script charset="utf-8" src="/editor/kindeditor.js"></script>
<script>
        KE.init({
        id : 'editor_id'
});
$.ready(function() {
        KE.create('editor_id');
});
</script>
<td><textarea  id="editor_id" name="content" rows="20" width="100%" ></textarea>
</td>

最终看到图中结果。