thinkphp使用kindeditor

基础概念

ThinkPHP 是一个基于 PHP 的轻量级 Web 开发框架，它提供了丰富的功能和灵活的扩展性，适合快速开发各种 Web 应用。KindEditor 是一款开源的在线 HTML 编辑器，它提供了丰富的文本编辑功能，支持多种浏览器，并且易于集成到各种 Web 应用中。

类型

ThinkPHP：Web 开发框架
KindEditor：在线 HTML 编辑器

应用场景

ThinkPHP：适用于快速开发各种 Web 应用，如企业网站、电商平台、社交网络等。
KindEditor：适用于需要富文本编辑功能的场景，如新闻发布系统、博客系统、论坛等。

集成示例

以下是一个简单的示例，展示如何在 ThinkPHP 中集成 KindEditor：

1. 下载 KindEditor

首先，从 KindEditor 官网下载最新版本的 KindEditor，并解压到项目的 public 目录下。

2. 配置 KindEditor

在 public 目录下创建一个 kindeditor 文件夹，并将解压后的 KindEditor 文件移动到该文件夹中。

3. 在 ThinkPHP 中引入 KindEditor

在 application/index/view/index 目录下创建一个 index.html 文件，并添加以下代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>KindEditor 示例</title>
    <link rel="stylesheet" href="/kindeditor/themes/default/default.css" />
    <script charset="utf-8" src="/kindeditor/kindeditor-all-min.js"></script>
    <script charset="utf-8" src="/kindeditor/lang/zh-CN.js"></script>
</head>
<body>
    <textarea id="editor" name="content" style="width:700px;height:300px;"></textarea>
    <script>
        KindEditor.ready(function(K) {
            window.editor = K.create('#editor', {
                uploadJson: '/kindeditor/upload_json.php',
                fileManagerJson: '/kindeditor/file_manager_json.php',
                allowFileManager: true
            });
        });
    </script>
</body>
</html>

4. 配置上传路径

在 application/index/controller 目录下创建一个 Index.php 文件，并添加以下代码：

<?php
namespace app\index\controller;

use think\Controller;

class Index extends Controller
{
    public function index()
    {
        return $this->fetch();
    }

    public function upload_json()
    {
        // 处理上传文件的逻辑
        // 这里只是一个示例，实际应用中需要添加文件上传的安全检查和处理逻辑
        $file = request()->file('file');
        if ($file) {
            $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');
            if ($info) {
                $data = [
                    'error' => 0,
                    'url' => '/uploads/' . $info->getSaveName(),
                ];
            } else {
                $data = [
                    'error' => 1,
                    'message' => $file->getError(),
                ];
            }
        } else {
            $data = [
                'error' => 1,
                'message' => '请选择文件',
            ];
        }
        return json($data);
    }

    public function file_manager_json()
    {
        // 处理文件管理的逻辑
        // 这里只是一个示例，实际应用中需要添加文件管理的逻辑
        $files = [];
        $dir = ROOT_PATH . 'public' . DS . 'uploads';
        if (is_dir($dir)) {
            $files = array_map(function ($file) use ($dir) {
                return [
                    'filename' => $file,
                    'filepath' => str_replace($dir, '', $file),
                ];
            }, scandir($dir));
        }
        return json($files);
    }
}