用laravel5框架要用到富文本编辑器,所以就安装得安装第三方包ueditor
composer自己搜索
ueditor安装过程:
1:laravel 根目录下找到composer.json , 在 require 中
添加”stevenyangecho/laravel-u-editor”: “~1.4”
2:命令行执行 composer update
3:打开框架下config目录中 app.php 文件,在 providers
下添加 “Stevenyangecho\UEditor\UEditorServiceProvider::class”
4:执行php artisan vendor:publish
执行完后会public 目录下会新增 laravel-u-editor目录,config中会新增ueditorupload.php 文件
ueditor的使用:
@include('UEditor::head');
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
ue.ready(function() {
ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');//此处为支持laravel5 csrf ,根据实际情况修改,目的就是设置 _token 值.
});
</script>
弄好之后还是没办法上传图片的,需要更改一下配置,如下:
在laravl-u-editor 目录下 ueditor.config.js文件 中修改33行左右的 serverUrl,改成对应的路径即可
这样改完之后就可以上传图片了,上传后发现图片没显示,只出现了图片名,也是路径的问题.
修改UEditorUpload.php 文件中上传图片配置项,把imageUrlPrefix 改成对应的路径前缀。