TP6框架中引用KindEditor编辑器

 

一个管理后台，基本上离不开富文本编辑器的使用。下面说下TP6里面引用 kindeditor的方法

 

1、下载kindeditor 放到目录 /public/admin 下面

2、前端代码

html：
<textarea placeholder="请输入内容" id="news_content" name="news_content" class="layui-textarea" style="width:700px;height:400px;">
{:htmlspecialchars_decode($info.news_content)}
</textarea>

JS：
<script charset="utf-8" src="/admin//kindeditor/kindeditor-all-min.js"></script>
<script charset="utf-8" src="/admin/kindeditor/lang/zh-CN.js"></script>
<script>
        var editor;
        KindEditor.ready(function(K) {
            editor =  K.create('#news_content', {
                 uploadJson : '/admin/kindeditor/php/upload_json.php',
                 fileManagerJson : '/admin/kindeditor/php/file_manager_json.php',
                allowFileManager : true
            });
        });
</script>

 

3、富文本编辑器用到的是 kindeditor ,使用TP的话，需要配置下伪静态 ，不然无法上传图片和文件

nginx下面的配置

location / {
    if (!-e $request_filename) {
    rewrite ^/admin/kindeditor/(.*)$ /admin/kindeditor/$1 last;
    rewrite ^(.*)$ /index.php?s=/$1 last;
    }
}

作用是：访问 /admin/kindeditor里面的文件的时候，避免通过tp的默认路由访问到其他地方