tp6安装百度编辑器-CFANZ编程社区

tp6安装百度编辑器

链接：http://localhost:8000/admin/index/index

第一步：使用phpstudy，指向。项目的根目录。

composer create-project topthink/think myProject

composer require topthink/think-multi-app

设置admin应用：

php think build admin

安装视图

composer require topthink/think-view

在phpstudy中的composer界面化工具中输入

php think run

tp6安装百度编辑器_加载链接：http://localhost:8000/admin/index/index

安装百度编辑器插件

composer require bingher/ueditor

百度编辑器数据库：

php think ueditor:publish
php think migrate:run

设置视图路径：

'tpl_replace_string'  =>  [
        '__STATIC__' => '/static',
        '__ADMIN__' => '/static/admin',
    ],

tp6安装百度编辑器_编辑器_02

控制器：

<?php
declare (strict_types = 1);

namespace app\admin\controller;
use think\facade\View;
class Index
{
    public function index()
    {
        return View::fetch('index');
    }
}

视图：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
</head>
<body>
     <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
   <script type="text/javascript" charset="utf-8" src="__STATIC__/bingher/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="__STATIC__/bingher/ueditor/ueditor.all.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="__STATIC__/bingher/ueditor/lang/zh-cn/zh-cn.js"></script>

<script type="text/javascript">
//实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor');



</script>
    
</body>
</html>

tp6安装百度编辑器_php_03

0 条评论