tp5 配置 ueditor 范例

最新推荐文章于 2021-04-06 17:25:42 发布
最新推荐文章于 2021-04-06 17:25:42 发布
阅读量576 收藏
点赞数
分类专栏： thinkphp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/taotaobaobei/article/details/85042716
版权 
<?php
namespace app\admin\controller;


use app\admin\model\Uploads;
use think\Log;
use ueditor\Uploader;

class Ueditor extends Base
{

    //配置信息
    public $config = [
        'imageActionName' => 'uploadimage',
        'imageFieldName' => 'upfile',
        'imageMaxSize' => 2048000,
        'imageAllowFiles' =>[ 0 => '.png',1 => '.jpg', 2 => '.jpeg', 3 => '.gif', 4 => '.bmp',],
        'imageCompressEnable' => true,
        'imageCompressBorder' => 1600,
        'imageInsertAlign' => 'none',
        'imageUrlPrefix' => '',
        'imagePathFormat' => '/uploads/{yyyy}{mm}{dd}/{time}{rand:6}',


        'scrawlActionName' => 'uploadscrawl',
        'scrawlFieldName' => 'upfile',
        'scrawlPathFormat' => '/uploads/{yyyy}{mm}{dd}/{time}{rand:6}',
        'scrawlMaxSize' => 2048000,
        'scrawlUrlPrefix' => '',
        'scrawlInsertAlign' => 'none',


        'snapscreenActionName' => 'uploadimage',
        'snapscreenPathFormat' => '/uploads/{yyyy}{mm}{dd}/{time}{rand:6}',
        'snapscreenUrlPrefix' => '',
        'snapscreenInsertAlign' => 'none',


        'catcherLocalDomain' =>[0 => '127.0.0.1', 1 => 'localhost', 2 => 'img.baidu.com'],
        'catcherActionName' => 'catchimage',
        'catcherFieldName' => 'source',
        'catcherPathFormat' => '/uploads/{yyyy}{mm}{dd}/{time}{rand:6}',
        'catcherUrlPrefix' => '',
        'catcherMaxSize' => 2048000,
        'catcherAllowFiles' =>[ 0 => '.png', 1 => '.jpg', 2 => '.jpeg', 3 => '.gif', 4 => '.bmp'],


        'videoActionName' => 'uploadvideo',
        'videoFieldName' => 'upfile',
        'videoPathFormat' => '/uploads/{yyyy}{mm}{dd}/{time}{rand:6}',
        'videoUrlPrefix' => '',
        'videoMaxSize' => 102400000,
        'videoAllowFiles' =>[0 => '.flv', 1 => '.swf', 2 => '.mkv', 3 => '.avi', 4 => '.rm', 5 => '.rmvb', 6 => '.mpeg', 7 => '.mpg', 8 => '.ogg', 9 => '.ogv', 10 => '.mov', 11 => '.wmv', 12 => '.mp4', 13 => '.webm', 14 => '.mp3', 15 => '.wav', 16 => '.mid'],


        'fileActionName' => 'uploadfile',
        'fileFieldName' => 'upfile',
        'filePathFormat' => '/uploads/{yyyy}{mm}{dd}/{time}{rand:6}',
        'fileUrlPrefix' => '',
        'fileMaxSize' => 51200000,
        'fileAllowFiles' =>[0 => '.png', 1 => '.jpg', 2 => '.jpeg', 3 => '.gif', 4 => '.bmp', 5 => '.flv', 6 => '.swf', 7 => '.mkv', 8 => '.avi', 9 => '.rm', 10 => '.rmvb', 11 => '.mpeg', 12 => '.mpg', 13 => '.ogg', 14 => '.ogv', 15 => '.mov', 16 => '.wmv', 17 => '.mp4', 18 => '.webm', 19 => '.mp3', 20 => '.wav', 21 => '.mid', 22 => '.rar', 23 => '.zip', 24 => '.tar', 25 => '.gz', 26 => '.7z', 27 => '.bz2', 28 => '.cab', 29 => '.iso', 30 => '.doc', 31 => '.docx', 32 => '.xls', 33 => '.xlsx', 34 => '.ppt', 35 => '.pptx', 36 => '.pdf', 37 => '.txt', 38 => '.md', 39 => '.xml'],


        'imageManagerActionName' => 'listimage',
        'imageManagerListPath' => '/uploads/',
        'imageManagerListSize' => 20,
        'imageManagerUrlPrefix' => '',
        'imageManagerInsertAlign' => 'none',
        'imageManagerAllowFiles' =>[0 => '.png', 1 => '.jpg', 2 => '.jpeg', 3 => '.gif', 4 => '.bmp'],
        'fileManagerActionName' => 'listfile',
        'fileManagerListPath' => '/uploads/',
        'fileManagerUrlPrefix' => '',
        'fileManagerListSize' => 20,
        'fileManagerAllowFiles' =>[0 => '.png', 1 => '.jpg', 2 => '.jpeg', 3 => '.gif', 4 => '.bmp', 5 => '.flv', 6 => '.swf', 7 => '.mkv', 8 => '.avi', 9 => '.rm', 10 => '.rmvb', 11 => '.mpeg', 12 => '.mpg', 13 => '.ogg', 14 => '.ogv', 15 => '.mov', 16 => '.wmv', 17 => '.mp4', 18 => '.webm', 19 => '.mp3', 20 => '.wav', 21 => '.mid', 22 => '.rar', 23 => '.zip', 24 => '.tar', 25 => '.gz', 26 => '.7z', 27 => '.bz2', 28 => '.cab', 29 => '.iso', 30 => '.doc', 31 => '.docx', 32 => '.xls', 33 => '.xlsx', 34 => '.ppt', 35 => '.pptx', 36 => '.pdf', 37 => '.txt', 38 => '.md', 39 => '.xml']
    ];


    //ueditor入口
    public function index(){
        error_reporting(E_ERROR);
        header("Content-Type: text/html; charset=utf-8");
        $action = trim(params('action'));
        switch ($action) {
            case 'config':
                $result =  json_encode(json_decode(json_encode($this->config)));
                break;

            /* 上传图片 */
            case 'uploadimage':
                /* 上传涂鸦 */
            case 'uploadscrawl':
                /* 上传视频 */
            case 'uploadvideo':
                /* 上传文件 */
            case 'uploadfile':
                $result = $this->_upload($action);
                break;

            /* 列出图片 */
            case 'listimage':
                $result = $this->_list($action);
                break;
            /* 列出文件 */
            case 'listfile':
                $result = $this->_list($action);
                break;

            /* 抓取远程文件 */
            case 'catchimage':
                $result = $this->_crawler();
                break;

            default:
                $result = json_encode(array(
                    'state'=> '请求地址出错'
                ));
                break;
        }

        /* 输出结果 */
        if (isset($_GET["callback"])) {
            if (preg_match("/^[\w_]+$/", $_GET["callback"])) {
                echo htmlspecialchars($_GET["callback"]) . '(' . $result . ')';
            } else {
                echo json_encode(array(
                    'state'=> 'callback参数不合法'
                ));
            }
        } else {
            echo $result;
        }
    }


    /**
     * 上传附件和上传视频
     * Date: 14-04-09
     * Time: 上午10:17
     */
    private function _upload($action){
        /* 上传配置 */
        $base64 = "upload";
        switch (htmlspecialchars($action)) {
            case 'uploadimage':
                $config = [
                    "pathFormat" => $this->config['imagePathFormat'],
                    "maxSize" => $this->config['imageMaxSize'],
                    "allowFiles" => $this->config['imageAllowFiles']
                ];
                $fieldName = $this->config['imageFieldName'];
                break;
            case 'uploadscrawl':
                $config = [
                    "pathFormat" => $this->config['scrawlPathFormat'],
                    "maxSize" => $this->config['scrawlMaxSize'],
                    "allowFiles" => $this->config['scrawlAllowFiles'],
                    "oriName" => "scrawl.png"
                ];
                $fieldName = $this->config['scrawlFieldName'];
                $base64 = "base64";
                break;
            case 'uploadvideo':
                $config = [
                    "pathFormat" => $this->config['videoPathFormat'],
                    "maxSize" => $this->config['videoMaxSize'],
                    "allowFiles" => $this->config['videoAllowFiles']
                ];
                $fieldName = $this->config['videoFieldName'];
                break;
            case 'uploadfile':
            default:
                $config = [
                    "pathFormat" => $this->config['filePathFormat'],
                    "maxSize" => $this->config['fileMaxSize'],
                    "allowFiles" => $this->config['fileAllowFiles']
                ];
                $fieldName = $this->config['fileFieldName'];
                break;
        }

        /* 生成上传实例对象并完成上传 */
        $up = new Uploader($fieldName, $config, $base64);

        /* 返回数据 */
        $data = $up->getFileInfo();
        $this->_addInfo($data);
        return json_encode($data);

    }


    /**
     * 获取已上传的文件列表    
     * Date: 14-04-09
     * Time: 上午10:17
     */
    private function _list($action){
        /* 判断类型 */
        switch ($action) {
            /* 列出文件 */
            case 'listfile':
                $allowFiles = $this->config['fileManagerAllowFiles'];
                $listSize = $this->config['fileManagerListSize'];
                $path = $this->config['fileManagerListPath'];
                break;
            /* 列出图片 */
            case 'listimage':
            default:
                $allowFiles = $this->config['imageManagerAllowFiles'];
                $listSize = $this->config['imageManagerListSize'];
                $path = $this->config['imageManagerListPath'];
        }
        $allowFiles = substr(str_replace(".", "|", join("", $allowFiles)), 1);

        /* 获取参数 */
        $size = isset($_GET['size']) ? htmlspecialchars($_GET['size']) : $listSize;
        $start = isset($_GET['start']) ? htmlspecialchars($_GET['start']) : 0;
        $end = $start + $size;

        /* 获取文件列表 */
        $path = $_SERVER['DOCUMENT_ROOT'] . (substr($path, 0, 1) == "/" ? "":"/") . $path;
        $files = $this->_getfiles($path, $allowFiles);
        if (!count($files)) {
            return json_encode(array(
                "state" => "no match file",
                "list" => array(),
                "start" => $start,
                "total" => count($files)
            ));
        }

        /* 获取指定范围的列表 */
        $len = count($files);
        for ($i = min($end, $len) - 1, $list = array(); $i < $len && $i >= 0 && $i >= $start; $i--){
            $list[] = $files[$i];
        }

        /* 返回数据 */
        $result = json_encode(array(
            "state" => "SUCCESS",
            "list" => $list,
            "start" => $start,
            "total" => count($files)
        ));

        return $result;

    }

    /**
     * 遍历获取目录下的指定类型的文件
     * @param $path
     * @param array $files
     * @return array
     */
    private function _getfiles($path, $allowFiles, &$files = array())
    {
        if (!is_dir($path)) return null;
        if(substr($path, strlen($path) - 1) != '/') $path .= '/';
        $handle = opendir($path);
        while (false !== ($file = readdir($handle))) {
            if ($file != '.' && $file != '..') {
                $path2 = $path . $file;
                if (is_dir($path2)) {
                    $this->_getfiles($path2, $allowFiles, $files);
                } else {
                    if (preg_match("/\.(".$allowFiles.")$/i", $file)) {
                        $files[] = array(
                            'url'=> substr($path2, strlen($_SERVER['DOCUMENT_ROOT'])),
                            'mtime'=> filemtime($path2)
                        );
                    }
                }
            }
        }
        return $files;
    }

    /**
     * 抓取远程图片     
     * Date: 14-04-14
     * Time: 下午19:18
     */
    private function _crawler(){
        set_time_limit(0);
        /* 上传配置 */
        $config = array(
            "pathFormat" => $this->config['catcherPathFormat'],
            "maxSize" => $this->config['catcherMaxSize'],
            "allowFiles" => $this->config['catcherAllowFiles'],
            "oriName" => "remote.png"
        );
        $fieldName = $this->config['catcherFieldName'];

        /* 抓取远程图片 */
        $list = array();
        if (isset($_POST[$fieldName])) {
            $source = $_POST[$fieldName];
        } else {
            $source = $_GET[$fieldName];
        }
        foreach ($source as $imgUrl) {
            $item = new Uploader($imgUrl, $config, "remote");
            $info = $item->getFileInfo();
            $data = [
                "state" => $info["state"],
                "url" => $info["url"],
                "size" => $info["size"],
                "title" => htmlspecialchars($info["title"]),
                "original" => htmlspecialchars($info["original"]),
                "source" => htmlspecialchars($imgUrl)
            ];
            array_push($list, $data);
            $this->_addInfo($data);
        }

        /* 返回抓取数据 */
        return json_encode(array(
            'state'=> count($list) ? 'SUCCESS':'ERROR',
            'list'=> $list
        ));
    }

    //保存文件信息
    private function _addInfo($info){
        $record = [
            'admin_id' => !empty($this->administrator['id'])?$this->administrator['id']:0,
            'extension' => !empty($info['type'])?str_replace('.','',$info['type']):'',
            'save_name' => !empty($info['url'])?str_replace('/uploads/','',$info['url']):'',
            'filename' => !empty($info['title'])?$info['title']:'',
            'size' => !empty($info['size'])?$info['size']:0,
            'create_time' => TIMESTAMP
        ];
        //数据库存入失败记录日志
        if(!Uploads::addInfo($record)){
            Log::error(__FILE__.':'.__LINE__.' 错误：'.$record['save_name'].'数据库记录失败');
        }
    }
}

 

桃根仙
关注
专栏目录
Ueditor与TP框架结合的配置问题
dusign
08-14 2570
前两天写一个网站的时候，需要引入Ueditor，发现网上好多引入Ueditor的教程用的都是旧版本，我用的是Ueditor1.4.3，弄了好久才配置成功，想分享给大家。 首先实例化编辑器，跟旧版本一样，Ueditor的文档里面说的很清楚，需要引入ueditor.config.js和ueditor.all.js这两个文件，在实例化编辑器之前可以做相应的配置，代码如下 想改变图片上传地址的
使用tp5框架集成 layui富文本编辑器
宣泄笔记的博客
11-25 1229
一睹芳容 1 去官网：http://www.layui.com/     下载layui ├─css //css目录   │  └─modules //模块css目录（一般如果模块相对较大，我们会单独提取）   │      ├─laydate   │      ├─layer   │      │  └─default   │      └─layim   │       ...
第4课：tp5中如何使用ueditor
李书明(石家庄)的专栏
10-10 512
tp5环境使用ueditor时，一般把它放在public目录下的static目录下 打开ueditor/php/config.json文件，需要重新设置图片保存的路径。上传的图片一般放在tp5的public目录下的uploads目录中 "imagePathFormat": "/tp5/public/uploads/image/{yyyy}{mm}{dd}/{time}{rand:6}",...
第五季 thinkphp5整合百度编辑器等
09-10
第五季 thinkphp5整合百度编辑器等第五季
tp5使用UEditor富文本编辑器
日近长an远的博客
10-07 3674
tp5使用UEditor富文本编辑器 一.首先到UEditor官网下载，选择php版本。 二.下载完成，解压 并重命名为 ueditor 到 public\static 下面。 三.使用 1.创建html页面 &lt;form action="{:url('test/ueditor')}" method="post"&gt; &lt;!-- 加载编辑器的容器 --&gt...
tp5.1----ueditor富文本
weixin_47830577的博客
07-30 221
富文本就是一种可编辑的文档，类似于word(一般用于在网站后端的界面中) 下载一个资源：富文本编辑器ueditor 啥是“富文本”编辑器？就是比单纯的textarea“富” 添加了富文本编辑器之后，输入框可以功能更丰富一些 http://ueditor.baidu.com/website/ 这是百度出品的富文本编辑器 将下载好的资源放到 项目的入口文件public中的 可以改个名字ueditor 在代码中通过script引入路径 启用富文本编辑器 这里是个固定命令 UE大写 后面是getEditor
tp5引入ueditor(百度的富文本编辑器)的使用
weixin_30782293的博客
08-23 319
首先下载ueditor编辑器的文件放入tp5的static目录下 第二步，引入Ueditor编辑器 在用到的页面（视图页面）载入ueditor的js文件 然后初始化ueditor，实例代码如下： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> ...
ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例
10-16
主要介绍了ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能,结合实例形式分析了ThinkPHP5使用富文本编辑器UEditor实现图片上传到阿里云的相关操作技巧,需要的朋友可以参考下
ueditor上传图片配置
12-28
【标题】"ueditor上传图片配置"涉及到的是在SpringBoot框架下集成并配置ueditor，以便实现用户在编辑器中上传图片的功能。ueditor是一款流行的富文本编辑器，它提供了丰富的在线编辑功能，包括文字编辑、图片上传、...
nodejs+mongodb+vue前后台配置ueditor的示例代码
10-18
《使用Node.js、MongoDB和Vue配置UEditor的实战指南》 在开发Web应用程序时，富文本编辑器是必不可少的工具之一，它为用户提供了一种方便的方式来创建和编辑内容。在本文中，我们将深入探讨如何在Node.js后端、...
TP5模型直接转JSON输出原理.
chiqiuquan5067的博客
09-20 922
<?php function p($arr) { echo '<pre>'; print_r($arr); echo '</pre>'; } class test implements JsonSerializable { ...
百度富文本编辑器Ueditor图片上传的注意点
a_cheating_bird的博客
11-20 448
  自定义过滤器    
thinkphp5中引入ueditor
duo1207的博客
11-04 514
1、将ueditor插件放入public文件夹 2、在application的config文件中配置     // 视图输出字符串内容替换     'view_replace_str'       =&gt; [         '__UEDITOR__'=&gt;'/ueditor'     ], 3、在需要显示编辑框的地方插入：  &lt;script type="text/plain" i...
百度编辑器ueditor的简单使用
热门推荐
崔成龙 . 勇往直前
06-29 9万+
最近刚被分配了以个消息发布的任务，其中用到了富文本编辑器。以前也用过，不过这次我选择的是百度富文本编辑器ueditor1_4_3-utf8-jsp版的。     其实看ueditor功能很强大，不过百度的设计还是很不错的。只需要稍微配置一下就可以用了。     首先下载到 ueditor1_4_3-utf8-jsp.rar，连接地址是：。我选择的是utf-8版本的。     解压以后整体拷贝
UEditor —— 百度编辑器的使用（后台框架 thinkphp5）
Wu_shuxuan的博客
01-02 3322
下载地址：http://ueditor.baidu.com/website/download.html#mini把下载好的文件夹除index.html之外的文件复制到项目的public/help/js/ueditor文件夹中在html中引入三个js文件：<script type="text/javascript" charset="utf-8" src="../../public/help/js/u
php中加插件ueditor,在tp5.1中使用百度富文本（ueditor），在富文本中通过tp插件给图片添加水印...
weixin_42316073的博客
04-06 306
百度富文本：我们可以去官网下载，引入两个js文件，jq也需要引入。这里需要注意修改serverUrl的参数值：值为自己定义的上传文件类需要使用的页面中添加：varurl='/ueditor1/index';varue=UE.getEditor('container',{initialFrameHeight:360,serverUrl:url,});这样他就会去请求，我们自己定义的类文件。...
改造百度UMeditor(UEditor-min)富文本编辑器的图片上传功能
huangxinyu_it的专栏
01-18 934
https://www.cnblogs.com/notDog/p/5049143.html
tp3.2整合ueditor富文本编辑器
一只胡萝卜
06-12 3450
tp3.2整合ueditor富文本编辑器
tp5 集成 layui富文本编辑器
dianqiangjin0204的博客
03-10 363
编辑器地址：http://www.layui.com/doc/modules/layedit.html 一睹芳容 1 去官网：http://www.layui.com/ 下载layui ├─css //css目录 │ └─modules //模块css目录（一般如果模块相对较大，我们会单独提取） │ ├─laydate ...
配置教程：UEditor1.3.6图片上传步骤
5. **JavaScript初始化**：在页面的JavaScript部分，你需要创建一个新的ueditor实例，并指定编辑器的路径、样式路径、是否开启自动高度增长以及最小高度。同时，你需要在编辑器准备好后设置初始内容，并在数据保存或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值