laravel-admin 集成 wangEditor

laravel-admin 系统默认是集成了ckediter，但是并没有集成图片上传功能，wangEditor是国内一款优秀的富文本编辑器

基本步奏参考官方文档：

wangEditor extension for laravel-admin

wangEditor

laravel的库都是基于composer进行包管理 的，所以基本的安装和使用还是很简单的。

配置完成以后，已经可以在laravel-admin中调用wangEditor了。

但是wangEditor的图片处理默认是基于图片转为base64编码保存的字符串，处理一些小图片还是很方便的，但是图片较大会影响sql响应速度。

所以我们将图片设置为服务器存储。

1、新建一个图片上传处理类：

// 独立的图片上传接口
	public function uploadImage(Request $request)
    {
		Log::info($request->image);
		$paths = array();
		foreach($request->image as $image){
			$paths[] = config('filesystems.disks.admin.url').'/'.$image->store('images','admin');
		
		}
		return response()->json([
			'errno'=>0, 
			"data"=> $paths,
		]);
    }

2、为图片上传接口设置路由

$router->post('uploadImage', 'BlogController@uploadImage');

3、配置laravel-admin的配置文件 admin.php

'extensions' => [
		'wang-editor' => [
        
            // 如果要关掉这个扩展，设置为false
            'enable' => true,
            
            // 编辑器的配置
            'config' => [
                //配置图片上传地址，不然会用base64处理图片
                'uploadImgServer' => '/admin/uploadImage',
	        'debug'=>false,
		//上传的图片大小限制
		'uploadImgMaxSize' => 3 * 1024 * 1024,
		//上传图片的传递数组名
		'uploadFileName' => 'image[]',
            ]
        ]
    ],

搞定

编辑器 wangeditor laravel_admin