laravel-admin配置富⽂本编辑器流程
asp富文本编辑器laravel-admin默认去除富⽂本编辑器的,官⽅也给出了。
我配置的是,本来配置完后就能愉快得使⽤了,可万万没想到还是有坑的。默认是⽤base64上传的,也就是数据库中保存的是base64果然报错了,显⽰
Data too long for column 'content'
开始觉得base64也未尝不可,⽂章插图不会太多,百度了下要求修改mysql的max_allowed_packet。尝试后还是发现没作⽤。还是回归富⽂本编辑器吧,在官⽹上看到。然后就顺藤摸⽠解决问题,异步⽅式上传图⽚,再保存路径到数据库中。
代码如下
//wangEditor.php
public function render()
{
$name = $this->formatName($this->column);
$this->script = <<<EOT
var E = window.wangEditor
var editor = new E('#{$this->id}');
editor.customConfig.zIndex = 0
editor.customConfig.uploadImgServer = '/admin/api/upload'
editor.customConfig.uploadFileName = 'img'
hange = function (html) {
$('input[name=\'$name\']').val(html);
}
EOT;
return parent::render();
}
//修改filesystems.php⽂件,为了⽅便root为public⽬录
'local' => [
'driver' => 'local',
'root' => public_path('app'),
],
//VerifyCsrfToken.php中间件添加
protected $except = [
'/admin/api/*'
];
//api.php 接⼝⽅法
public function upload(Request $request){
$path = Storage::disk('local')->putFile('images', $request->file('img'));
$p = '/app/'.$path;
return response()->json(['errno'=>0,'data'=>[$p]]);
}
最后记得把接⼝加到路由中,完成。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。