laravel5中UEditor安装和使用方法

lskblog

已于 2023-12-09 22:52:37 修改

阅读量621

点赞数 2

文章标签： php laravel 后端服务器 javascript

于 2022-08-23 12:08:07 首次发布

本文链接：https://blog.csdn.net/lsk0909/article/details/126480746

版权

安装

在laravel根目录下找到composer.json，require中添加
"stevenyangecho/laravel-u-editor": "~1.4"
命令行执行composer update，更新修改后的composer.json文件
找到框架中config目录下的app.php文件

//providers数组中添加：
Stevenyangecho\UEditor\UEditorServiceProvider::class
//aliases数组中添加：
'UEditor'=>Stevenyangecho\UEditor\UEditorServiceProvider::class

命令行执行php artisan vendor:publish，执行成功后会在public目录下新增laravel-u-editor目录，config目录下会新增UEditorUpload.php文件
安装时可能会遇到的问题，如果没遇到可以略过，我这里是需要安装一下fileinfo扩展就解决了

配置

这里是用七牛云举例，config目录下UEditorUpload.php文件，根据自己上传方式设置mode参数
在这里插入图片描述

使用

view界面中头部引入@include('UEditor::head')
需要编辑器的地方嵌入

<!-- 加载编辑器的容器 -->
<script id="ueditor" name="content" type="text/plain">
   这里写你的初始化内容
</script>
 
<!-- 实例化编辑器 -->
<script type="text/javascript">
    var ue = UE.getEditor('ueditor', {
        initialFrameWidth : '100%',
        initialFrameHeight : 700,
        autoHeightEnabled: true,
    });
    ue.ready(function() {
        ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');//此处为支持laravel5 csrf ,根据实际情况修改,目的就是设置 _token 值.
    });
</script>