🇨🇳 中文

Markdown 编辑器

在线 Markdown 编辑器，支持实时预览、图片上传、代码高亮，拿来即用

编辑器

  • 功能介绍
  • 使用说明
  • 自定义扩展
  • 开源地址

功能介绍

fzyEditor 是一款专为 Layui 打造的 Markdown 编辑器，内置 Monaco Editor 核心，支持实时预览、图片/文件上传、代码高亮、自定义工具栏等功能。

✅ 实时预览

输入即预览，所见即所得。

✅ 图片/文件上传

拖拽或点击上传，自动插入 Markdown 链接。

✅ 代码高亮

支持 100+ 语言高亮，程序员福音。

✅ 自定义工具栏

支持自定义按钮、事件、解析规则。

使用说明

  1. 在上方编辑器中输入 Markdown 文本。
  2. 右侧或下方可实时预览渲染效果。
  3. 支持拖拽上传图片、粘贴截图、插入代码块等。
  4. 点击“保存”或“复制”按钮即可导出内容。

自定义扩展

你可以通过配置 `autoTool`、`autoToolbarHandles`、`autoParser` 等参数，轻松扩展工具栏按钮和解析规则。

// 示例：添加一个自定义按钮
autoTool:{
  abc:`<div class="-fzy-tool-item" title="插入ABC" editor-event="abc"><i class="layui-icon layui-icon-star"></i></div>`
},
autoToolbarHandles:{
  abc: (cm) => cm.replaceSelection('**ABC**')
}

开源地址

项目地址：https://gitee.com/Fengzhiya123/fzyEditor

欢迎 Star、Fork、提 Issue，一起完善这款国产编辑器！