前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >tp6安装百度编辑器

tp6安装百度编辑器

作者头像
贵哥的编程之路
发布2022-05-23 09:06:33
3030
发布2022-05-23 09:06:33
举报
文章被收录于专栏:用户7873631的专栏

链接:http://localhost:8000/admin/index/index 第一步:使用phpstudy,指向。项目的根目录。

代码语言:javascript
复制
composer create-project topthink/think myProject
代码语言:javascript
复制
composer require topthink/think-multi-app

设置admin应用:

代码语言:javascript
复制
php think build admin

安装视图

代码语言:javascript
复制
composer require topthink/think-view

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

代码语言:javascript
复制
php think run
在这里插入图片描述
在这里插入图片描述

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

安装百度编辑器插件

代码语言:javascript
复制
composer require bingher/ueditor

百度编辑器数据库:

代码语言:javascript
复制
php think ueditor:publish
php think migrate:run

设置视图路径:

代码语言:javascript
复制
'tpl_replace_string'  =>  [
        '__STATIC__' => '/static',
        '__ADMIN__' => '/static/admin',
    ],
在这里插入图片描述
在这里插入图片描述

控制器:

代码语言:javascript
复制
<?php
declare (strict_types = 1);

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

视图:

代码语言:javascript
复制
<!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>
在这里插入图片描述
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-05-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档