首页 > 且听风吟 > Classic Markdown Editor 用经典编辑器替换古腾堡,并添加完整的 Markdown 语法支持与实时预览
2026
05-06

Classic Markdown Editor 用经典编辑器替换古腾堡,并添加完整的 Markdown 语法支持与实时预览

项目概述

Classic Markdown Editor 是一款 WordPress 插件,主要解决两个痛点:

  1. 替换古腾堡编辑器 — 通过多层 WordPress 过滤器彻底禁用 Gutenberg 区块编辑器,恢复经典 TinyMCE 编辑器作为默认编辑体验。
  2. 添加 Markdown 支持 — 提供专用的 Markdown 编辑面板,支持实时 AJAX 预览、语法高亮、快捷工具栏,并将 Markdown 源码自动保存为文章元数据。

功能特性

1. Gutenberg 禁用模块

通过 4 层防御彻底禁用古腾堡编辑器

2. 经典编辑器恢复

  • 强制启用 TinyMCE
  • 移除古腾堡推荐通知
  • 保留媒体按钮和快速标签(Quicktags)

3. Markdown 编辑器

  • 实时预览: 输入 Markdown 后 400ms 自动刷新预览(AJAX)
  • 快捷工具栏: 14 个一键插入按钮
  • 全屏模式: 专注写作,按 Esc 退出
  • 滚动同步: 并排模式下 textarea 与预览同步滚动
  • HTML ↔ Markdown: 首次加载时自动将现有 HTML 转为 Markdown
  • GFM 扩展: 支持表格、任务列表、行内换行

4. 代码高亮

提供 190+ 种语言的语法高亮,默认使用 GitHub 主题。


使用指南

编辑文章

  1. 进入 文章 → 编辑(或 新建文章
  2. 页面下方会显示 "Markdown 编辑器" Meta Box
  3. 在左侧 "Markdown 源码" 面板中输入 Markdown
  4. 右侧 "实时预览" 面板自动渲染效果
  5. 编辑完成后点击 "应用到编辑器" 按钮,HTML 将注入到上方经典编辑器
  6. 点击 WordPress 的 "发布"/"更新" 按钮保存文章
觉得文章有用,微信打赏一元
支持网站发展,微信打赏一元
联系定制一键,微信打赏一元
今天心情很好,微信打赏一元
微信打赏一元

留下一个回复

你的email不会被公开。

Characters: 0
0