laravel-admin集成ueditor编辑器

laravel-admin集成UEditor

1、根据说明操作 star很少不止为何

https://github.com/laravel-admin-extensions/UEditor

2、修改配置文件指定自己的上传驱动

<?php

/*
 * This file is part of the overtrue/laravel-ueditor.
 *
 * (c) overtrue <[email protected]>
 *
 * This source file is subject to the MIT license that is bundled
 * with this source code in the file LICENSE.
 */

return [
    // 存储引擎: config/filesystem.php 中 disks, public 或 qiniu
    'disk' => 'admin',//这一块根据自己的需要改
    'route' => [
        'name' => '/ueditor/server',
        'options' => [
            // middleware => 'auth',
        ],
    ],

    // 是否使用 md5 格式文件名
    'hash_filename' => true,

    // 上传 配置
    'upload' => [
        /* 前后端通信相关的配置,注释只允许使用多行方式 */
        /* 上传图片配置项 */
        'imageActionName' => 'upload-image', /* 执行上传图片的action名称 */
        'imageFieldName' => 'upfile', /* 提交的图片表单名称 */
        'imageMaxSize' => 2 * 1024 * 1024, /* 上传大小限制,单位B */
        'imageAllowFiles' => ['.png', '.jpg', '.jpeg', '.gif', '.bmp'], /* 上传图片格式显示 */
        'imageCompressEnable' => true, /* 是否压缩图片,默认是true */
        'imageCompressBorder' => 1600, /* 图片压缩最长边限制 */
        'imageInsertAlign' => 'none', /* 插入的图片浮动方式 */
        'imageUrlPrefix' => '', /* 图片访问路径前缀 */
        'imagePathFormat' => '/uploads/image/{yyyy}/{mm}/{dd}/', /* 上传保存路径,可以自定义保存路径和文件名格式 */
        /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
        /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */
        /* {time} 会替换成时间戳 */
        /* {yyyy} 会替换成四位年份 */
        /* {yy} 会替换成两位年份 */
        /* {mm} 会替换成两位月份 */
        /* {dd} 会替换成两位日期 */
        /* {hh} 会替换成两位小时 */
        /* {ii} 会替换成两位分钟 */
        /* {ss} 会替换成两位秒 */
        /* 非法字符 \  => * ? " < > | */
        /* 具请体看线上文档 => fex.baidu.com/assets/#use-format_upload_filename */

        /* 涂鸦图片上传配置项 */
        'scrawlActionName' => 'upload-scrawl', /* 执行上传涂鸦的action名称 */
        'scrawlFieldName' => 'upfile', /* 提交的图片表单名称 */
        'scrawlPathFormat' => '/uploads/image/{yyyy}/{mm}/{dd}/', /* 上传保存路径,可以自定义保存路径和文件名格式 */
        'scrawlMaxSize' => 2048000, /* 上传大小限制,单位B */
        'scrawlUrlPrefix' => '', /* 图片访问路径前缀 */
        'scrawlInsertAlign' => 'none',

        /* 截图工具上传 */
        'snapscreenActionName' => 'upload-image', /* 执行上传截图的action名称 */
        'snapscreenPathFormat' => '/uploads/image/{yyyy}/{mm}/{dd}/', /* 上传保存路径,可以自定义保存路径和文件名格式 */
        'snapscreenUrlPrefix' => '', /* 图片访问路径前缀 */
        'snapscreenInsertAlign' => 'none', /* 插入的图片浮动方式 */

        /* 抓取远程图片配置 */
        'catcherLocalDomain' => ['127.0.0.1', 'localhost', 'img.baidu.com'],
        'catcherActionName' => 'catch-image', /* 执行抓取远程图片的action名称 */
        'catcherFieldName' => 'source', /* 提交的图片列表表单名称 */
        'catcherPathFormat' => '/uploads/image/{yyyy}/{mm}/{dd}/', /* 上传保存路径,可以自定义保存路径和文件名格式 */
        'catcherUrlPrefix' => '', /* 图片访问路径前缀 */
        'catcherMaxSize' => 2048000, /* 上传大小限制,单位B */
        'catcherAllowFiles' => ['.png', '.jpg', '.jpeg', '.gif', '.bmp'], /* 抓取图片格式显示 */

        /* 上传视频配置 */
        'videoActionName' => 'upload-video', /* 执行上传视频的action名称 */
        'videoFieldName' => 'upfile', /* 提交的视频表单名称 */
        'videoPathFormat' => '/uploads/video/{yyyy}/{mm}/{dd}/', /* 上传保存路径,可以自定义保存路径和文件名格式 */
        'videoUrlPrefix' => '', /* 视频访问路径前缀 */
        'videoMaxSize' => 102400000, /* 上传大小限制,单位B,默认100MB */
        'videoAllowFiles' => [
            '.flv', '.swf', '.mkv', '.avi', '.rm', '.rmvb', '.mpeg', '.mpg',
            '.ogg', '.ogv', '.mov', '.wmv', '.mp4', '.webm', '.mp3', '.wav', '.mid', ], /* 上传视频格式显示 */

        /* 上传文件配置 */
        'fileActionName' => 'upload-file', /* controller里,执行上传视频的action名称 */
        'fileFieldName' => 'upfile', /* 提交的文件表单名称 */
        'filePathFormat' => '/uploads/file/{yyyy}/{mm}/{dd}/', /* 上传保存路径,可以自定义保存路径和文件名格式 */
        'fileUrlPrefix' => '', /* 文件访问路径前缀 */
        'fileMaxSize' => 51200000, /* 上传大小限制,单位B,默认50MB */
        'fileAllowFiles' => [
            '.png', '.jpg', '.jpeg', '.gif', '.bmp',
            '.flv', '.swf', '.mkv', '.avi', '.rm', '.rmvb', '.mpeg', '.mpg',
            '.ogg', '.ogv', '.mov', '.wmv', '.mp4', '.webm', '.mp3', '.wav', '.mid',
            '.rar', '.zip', '.tar', '.gz', '.7z', '.bz2', '.cab', '.iso',
            '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx', '.pdf', '.txt', '.md', '.xml',
        ], /* 上传文件格式显示 */

        /* 列出指定目录下的图片 */
        'imageManagerActionName' => 'list-image', /* 执行图片管理的action名称 */
        'imageManagerListPath' => '/uploads/image/', /* 指定要列出图片的目录 */
        'imageManagerListSize' => 20, /* 每次列出文件数量 */
        'imageManagerUrlPrefix' => '', /* 图片访问路径前缀 */
        'imageManagerInsertAlign' => 'none', /* 插入的图片浮动方式 */
        'imageManagerAllowFiles' => ['.png', '.jpg', '.jpeg', '.gif', '.bmp'], /* 列出的文件类型 */

        /* 列出指定目录下的文件 */
        'fileManagerActionName' => 'list-file', /* 执行文件管理的action名称 */
        'fileManagerListPath' => '/uploads/file/', /* 指定要列出文件的目录 */
        'fileManagerUrlPrefix' => '', /* 文件访问路径前缀 */
        'fileManagerListSize' => 20, /* 每次列出文件数量 */
        'fileManagerAllowFiles' => [
            '.png', '.jpg', '.jpeg', '.gif', '.bmp',
            '.flv', '.swf', '.mkv', '.avi', '.rm', '.rmvb', '.mpeg', '.mpg',
            '.ogg', '.ogv', '.mov', '.wmv', '.mp4', '.webm', '.mp3', '.wav', '.mid',
            '.rar', '.zip', '.tar', '.gz', '.7z', '.bz2', '.cab', '.iso',
            '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx', '.pdf', '.txt', '.md', '.xml',
        ], /* 列出的文件类型 */
    ],
];

3、后台使用

protected function form()
    {
        $form = new Form(new Articles);
        $form->tab('基础', function ($form) {

            $form->select('category_id', __('分类'))->options(Categorys::getTreeList(1));
            $form->text('title', __('标题'))->rules('required');
            $form->number('view_num', __('浏览量'));
            $form->number('sort', __('排序'))->default(1);
            $form->switch('original', __('是否原创'))->default(1);
            $form->url('original_url', __('原创地址'));
            $form->switch('is_hot', __('是否热文'))->default(0);
            $form->switch('is_recommend', __('是否推荐'))->default(0);
            /*$states = [
                'on'  => ['value' => 1, 'text' => '打开', 'color' => 'success'],
                'off' => ['value' => 0, 'text' => '关闭', 'color' => 'danger'],
            ];
            $this->switch('status', __('状态'))->states($states)->default(1)->rules('required');*/
            $form->switch('status', __('状态'))->default(1);
            $form->text('author', __('作者'));

        })->tab('文章内容', function ($form) {
            $form->image('thumb_url', __('封面图片'))->rules('image')->uniqueName();
            $form->file('video_url', __('视频'))->uniqueName()->rules('mimes:mp4')->help('后缀必须为mp4文件');

            $form->UEditor('introduction', __('简介'))->options(['initialFrameHeight' => 200])->rules('required');
            $form->UEditor('content', '内容')->options(['initialFrameHeight' => 400])->rules('required');

        })->tab('SEO', function ($form) {
            $form->text('seo_title', __('SEO标题'))->help('如果未设置,则使用系统设置的关键词');
            $form->text('seo_keywords', __('SEO关键词'))->help('如果未设置,则使用系统设置的关键词');
            $form->textarea('seo_description', __('SEO描述'))->help('如果未设置,则使用系统设置的关键词');
        });
        $form->tools(function (Form\Tools $tools) {

            $tools->disableView();
            /*$tools->disableList();
            $tools->disableDelete();*/
        });


        return $form;
    }
发布了259 篇原创文章 · 获赞 95 · 访问量 84万+

猜你喜欢

转载自blog.csdn.net/lengyue1084/article/details/103424734
今日推荐