共计 1344 个字符,预计需要花费 4 分钟才能阅读完成。
原文连贯:https://www.wjcms.net/archive…
laravel-markdown-editor–markdown 编辑器
阐明
此扩大包兼容 laravel5.8 以上版本
筹备工作
装置扩大包
composer require wjcms/laravel-markdown-editor
配置 providers
//cconfig/app.php
'providers' => [
// 增加如下一行
wjcms\laravelmd\LaravelmdServiceProvider::class,
]
拷贝相干文件到我的项目文件夹中
php artisan vendor:publish --provider="wjcms\laravelmd\LaravelmdServiceProvider"
应用
1. 在 blade 模版引入
@include('layouts.md.md')
2. 父模版中须要增加上
# 留神在 scripts 上边须要引入 jquery
@stack('styles')
@stack('scripts')
3. 批改 md.blade.php 文件的 imageUploadURL 批改为接口门路
4. 创立 service 服务 uploadservice.php, 实现如下办法。
public function upload(UploadedFile $file)
{$path = '/uploads/'.$file->store(date('y/m'), 'uploads');
return $this->save($file, $path);
}
// 留神这里还须要创立 Attachment 模型和数据库(蕴含 path,extension,name 三个字段)protected function save(UploadedFile $file, $path)
{
return Attachment::create([
'path'=>$path,
'extension'=>$file->extension(),
'name'=>$file->getClientOriginalName()]);
}
5.admin 控制器创立办法
/**
* 图片上传办法
*/
public function uploadPic(Request $request, UploadService $uploadService)
{$res = $uploadService->upload($request->file('editormd-image-file'));
return response()->json([
'success'=>1,
'message'=>'图片上传胜利',
'url'=> $res->path
]);
}
6.routes/web.php 文件增加路由
use App\Http\Controllers\Admin;
// 留神这里是 laravel8 的写法,之前版本自行批改
Route::prefix('admin')->name('admin.')->group(function () {Route::post('upload', [Admin\AdminController::class,'uploadPic'])->name('upload');
}
就能够发现 markdown 编辑器能够应用了。
正文完