微信公众号文章编辑器

一个用于编辑和格式化内容以便发布到微信公众号的工具,支持Markdown语法和实时预览

作者
申方达
日安装量
0
总安装量
0
评分
0 0 0
版本
2.0.0
创建于
2025-09-18
更新于
2025-09-18
大小
20.4 KB
许可证
MIT
适用于
所有网站

微信公众号文章编辑器

功能介绍

微信公众号文章编辑器是一款油猴脚本,为您提供了一个便捷的编辑界面,可以粘贴、编辑和格式化内容,并将其发布到微信公众号。该工具支持Markdown语法和实时预览,让您的微信文章编辑更加高效。

使用方法

  1. 安装油猴插件(Tampermonkey)
  2. 安装本脚本
  3. 打开任意网页
  4. 点击页面右上角的编辑器图标按钮(📝)
  5. 在弹出的编辑器中粘贴或输入您的Markdown内容
  6. 使用工具栏快速插入Markdown语法
  7. 实时预览编辑效果
  8. 点击"复制到微信"按钮将内容复制到剪贴板
  9. 在微信公众号编辑器中直接粘贴即可

特性

  • 双栏设计:左侧编辑,右侧实时预览
  • Markdown语法支持:
    • 标题(h1-h6)
    • 粗体、斜体
    • 链接、图片
    • 代码块、行内代码
    • 引用
    • 无序列表、有序列表
  • 工具栏快捷操作
  • 微信公众号样式优化
  • 一键复制到剪贴板

界面说明

主要组件

  1. 浮动按钮:页面右上角的📝按钮,用于打开/关闭编辑器
  2. 编辑区域:左侧区域,用于输入和编辑Markdown内容
  3. 预览区域:右侧区域,实时显示格式化后的效果
  4. 工具栏:提供常用的Markdown语法快捷插入

工具栏功能

  • 标题:插入一级标题
  • 粗体:插入粗体文本
  • 斜体:插入斜体文本
  • 链接:插入链接
  • 代码:插入行内代码
  • 引用:插入引用内容
  • 无序列表:插入无序列表项
  • 有序列表:插入有序列表项

操作指南

打开编辑器

点击页面右上角的📝按钮即可打开编辑器面板。

编辑内容

在左侧编辑区域直接输入或粘贴Markdown内容。

使用工具栏

  1. 在编辑区域选中文本(可选)
  2. 点击工具栏上的相应按钮
  3. 系统会自动根据选中文本生成对应的Markdown语法

预览效果

右侧预览区域会实时显示格式化后的内容效果。

复制到微信

点击底部的"复制到微信"按钮,内容将被复制到剪贴板,可直接在微信公众号编辑器中粘贴。

重置编辑器

点击底部的"重置"按钮可清空编辑器内容。

Markdown语法示例

标题

# 一级标题
## 二级标题
### 三级标题

粗体和斜体

**粗体文本**
*斜体文本*

链接和图片

[链接文本](http://example.com)
![图片描述](http://example.com/image.jpg)

代码

行内代码:`code`
代码块:

function example() { console.log("Hello World"); }

引用

> 这是一段引用内容

列表

无序列表:
- 列表项1
- 列表项2

有序列表:
1. 列表项1
2. 列表项2

注意事项

  1. 编辑器支持所有网站,可在任意页面打开使用
  2. 复制到微信后,可在微信公众号编辑器中直接粘贴
  3. 编辑器内容不会自动保存,请及时复制到微信
  4. 如遇到问题,请在GitHub提交issue

更新日志

v1.0.0

  • 初始版本发布
  • 支持基本的Markdown编辑和预览功能
  • 支持一键复制到微信
  • 提供工具栏快捷操作