关于php:Laravel-支持markdown编辑器解决方案

35次阅读

共计 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 编辑器能够应用了。

正文完
 0