标签: 微信公众号编辑器

提供高效的微信公众号文章编辑工具,支持Markdown语法和即时预览功能。

  • WeMD:免费开源的微信公众号Markdown排版编辑器

    项目介绍

    WeMD,一个专为公众号创作者设计的本地优编辑器。支持Markdown 写作,可实时预览效果,并一键复制到公众号。

    内置10+高定主题,支持CSS深度定制,多图床支持,阿里云、腾讯云、七牛云等图床。

    可直接在线使用,也可下载桌面客户端,支持macOSWindowsLinux平台,还可以本地开发。

    截图

    特性

    功能说明
    📝Markdown 语法支持 GFM、表格、代码高亮、数学公式
    🎨主题切换内置十余款精美主题,支持自定义 CSS
    📋一键复制完美兼容微信公众号,所见即所得
    🖼️多图床支持官方图床 / 七牛云 / 阿里云 / 腾讯云
    💾本地优先数据存储在本地,无需登录,隐私安全
    📱跨平台Web 端 + 桌面端(macOS / Windows / Linux)
    🌙界面风格微信绿 / 复古蓝 双主题可选
    🔍高级搜索支持正则匹配、全词匹配、批量替换
    🎞️滑动图组支持水平滑动的多图展示组件,丰富视觉体验

    获取链接

    在线使用

    直接访问 edit.wemd.app 即可开始写作,无需安装。

    桌面版下载

    • macOS.dmg(Intel 版)/ -arm64.dmg(Apple Silicon 版)
    • Windows.exe
    • Linux.AppImage

    ⚠️ macOS 用户注意:首次打开时如提示”应用已损坏”,请在终端执行:

    xattr -cr /Applications/WeMD.app

    ⚠️ Windows 用户注意:如 SmartScreen 提示”未知发布者”,点击「更多信息」→「仍要运行」

    ⚠️ Linux 用户注意:运行前需设置可执行权限:chmod +x WeMD.AppImage

    项目地址:https://github.com/tenngoxars/WeMD

    夸克网盘:https://pan.quark.cn/s/ce52a488cb54

    百度网盘:https://pan.baidu.com/s/1hLQuHjzAJrEc6Ndf4eKpdw?pwd=miao

  • Paper – Markdown 微信公众号编辑器,纯前端 | 单 html 文件可离线执行 | 轻量级,定制属于每个人自己的微信公众号样式

    前言:Paper 是一款轻量级纯前端,单 html 文件可执行的微信公众号 Markdown 编辑器。现代化三栏布局,实时 Markdown 预览,响应式设计;支持大部分 Markdown 语法 (数学公式和 Mermaid除外,请在发布区进行手工渲染),支持信息卡片。预览区与微信公众号编辑器等宽,所见即所得。欢迎使用👏!定制属于每个人自己的微信公众号样式!

    项目简介

    截图

    paperview.png

    🎯 核心特性

    1. 现代化三栏布局

    • 编辑区:支持 Markdown 语法编写
    • 预览区:实时渲染,578px 宽度(与微信公众号编辑器等宽)
    • 发布区:提供一键复制和相关工具链接

    2. 微信公众号完美适配

    • 预览区严格按照微信公众号标准,预览区与微信公众号编辑器等宽(578px)
    • 支持的样式完全兼容微信公众号平台
    • 一键复制后可直接粘贴到公众号编辑器

    3. 丰富的功能支持

    • ✅ 基础 Markdown 语法(标题、段落、列表、表格等)
    • ✅ 代码语法高亮(Kimbie Light 主题,Mac 风格)
    • ✅ 自定义信息卡片(:::info 语法)
    • ✅ 横屏滑动幻灯片(<![alt](url),![alt](url)> 语法)
    • ✅ 同步滚动(编辑器与预览区联动)
    • ❌ 数学公式(不支持,请使用发布区链接手工渲染)
    • ❌ Mermaid 图表(不支持,请使用发布区链接手工渲染)

    🛠️ 技术实现

    前端技术栈:

    • 纯 HTML + CSS + JavaScript(无框架依赖)
    • Showdown.js(Markdown 转 HTML)
    • Highlight.js(代码语法高亮)
    • Canvas-Confetti(复制成功动画效果)

    核心功能:

    • 实时 Markdown 渲染
    • 行内样式注入(确保微信兼容性)
    • 响应式设计

    📁 项目结构

    Paper/
    ├── index.html         # 主应用文件(单文件应用)
    ├── README.md          # 项目说明和使用示例
    ├── WechatSupport.md     # 微信公众号支持的HTML标签说明
    └── favicon.svg       	# 网站图标
    

    🎨 特色功能

    1. 信息卡片

    :::info 提示标题
    这里是卡片内容,支持**粗体**和*斜体*
    :::

    2. 横屏滑动幻灯片

    <![图片1](url1),![图片2](url2),![图片3](url3)>

    3. Mac 风格代码块

    • 自动添加 Mac 样式的三色圆点
    • 支持多种编程语言语法高亮

    🚀 使用场景

    这个项目特别适合:

    • 微信公众号内容创作者
    • 单 Html 文件本地编辑器
    • 追求简洁高效的 Markdown 编辑体验

    快速使用

    1. 访问在线版 paper.thus.chat
    2. 下载 html 单文件到本地直接运行
    3. 下载 html 单文件部署到自己的服务器使用
    4. 下载 html 单文件用 AI 修改成自己喜欢的样式后食用

    项目地址

    github:https://github.com/xiaolinbaba/Paper

    demo:https://paper.thus.chat/