原文連接:https://www.wjcms.net/archives/laravel支持markdown編輯器解決方案
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編輯器可以使用了,

轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/163890.html
標籤:PHP
下一篇:python字串中拼接6種姿勢

