Laravel-使用富文本编辑器UEditor

安装组件的方法如下：（当然需要你有composer）

• 直接命令行：或者在composer.json中的require中插入"stevenyangecho/laravel-u-editor": "^1.4"
• 执行composer install或者composer update。组件成功迁入后执行如下配置。

• 打开框架下的config/app.php配置服务提供者

• 在providers下插入：Stevenyangecho\UEditor\UEditorServiceProvider::class,

• 保存退出后在控制台执行运行

• php artisan vendor:publish

• 这一切成功后你的项目目录下的config目录下会生成一个UEditorUpload.php文件，public目录下会生成一个目录laravel-u-editor。

如图生成文件;

UEditorUpload.php文件是组件文件上传的一个配置文件。里面必须配置的有如下内容：

// 'middleware' => 'auth','mode'=>'qiniu',//上传方式,local 为本地  qiniu 为七牛//七牛配置,若mode='qiniu',以下为必填.'qiniu'=>['accessKey'=>'accessKey','secretKey'=>'secretKey','bucket'=>'bucket','url'=>'url',//七牛分配的CDN域名,注意带上http://

使用方法,如下代码：

这个是内容编辑页面的视图：

<div class="col-sm-10">    @include('vendor.UEditor.head')    <!-- 加载编辑器的容器 -->    <script id="container" name="content" type="text/plain" style='width:100%;height:300px;'>        {!! html_entity_decode($article->content) !!}    </script>    <!-- 实例化编辑器 -->    <script type="text/javascript">        var ue = UE.getEditor('container');        ue.ready(function(){            ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');         });    </script></div>

这里引入js脚本：

@include('vendor.UEditor.head')

内容添加页面去掉 ：

{!! html_entity_decode($article->content) !!}

这里定义编辑器界面高宽：

style='width:100%;height:300px;'

这里实例化编辑器：

var ue = UE.getEditor('container');

这里添加laravel安全token：

ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');