littlebot
Published on 2025-04-11 / 0 Visits
0

【源码】基于 Laravel 框架的 Markdown 编辑器

项目简介

本项目是基于 Laravel 框架开发的 Markdown 编辑器,在 Editor.md 的基础上进行二次开发。能够通过简单配置实现 Markdown 在线编辑与图片上传功能,适用于需要在线编辑 Markdown 文档的场景。

项目的主要特性和功能

  1. 基于 Laravel 框架,具有良好的扩展性与安全性。
  2. 集成 Editor.md,拥有丰富的 Markdown 编辑功能。
  3. 支持图片上传,方便在编辑器中插入图片。
  4. 可通过简单配置自定义编辑器的样式与功能。

安装使用步骤

安装步骤

  1. 已下载本项目的源码文件。
  2. 在 Laravel 项目中执行 composer require axhello/laravel-markdown-editor 安装依赖。
  3. config/app.php 文件的 providers 数组添加 Axhello\Editor\MDEditorServiceProvider::class
  4. config/app.php 文件的 aliases 数组添加 'MDEditor' => Axhello\Editor\Facade\MDEditorFacade::class
  5. 执行 php artisan vendor:publish 发布编辑器配置和视图文件。

使用步骤

  1. 在需使用编辑器的位置,通过 @include('editor::head') 引入编辑器头部文件。
  2. 创建一个 idmdEditordiv,并包裹一个 textarea 元素。
  3. 配置图片上传,修改 config/editor.php 里的 uploadUrl 配置项为实际的图片上传接口地址。
  4. 在路由中定义图片上传接口,如 Route::post('/post/uploads', function () { /* 图片上传逻辑 */ });

完成上述步骤后,即可在 Laravel 项目中使用该 Markdown 编辑器。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】