我自己写了一款公众号编辑器

EMo 编辑器

微信公众号可视化排版工具 · v1.0.0

地址：https://huakangtech.cn/EMo/

EMo 是一款运行在浏览器中的微信公众号文章排版编辑器，无需登陆，无需会员VIP，无需关注，打开即用。左侧组件库 + 右侧所见即所得编辑区，帮助创作者快速完成图文排版，一键复制 HTML 粘贴到公众号后台。

使用方式

* 用浏览器直接打开上面地址👆。

* 左侧点击组件卡片插入内容。

* 在编辑区直接修改文字。

* 点击图片调整样式。

* 点击「复制全文」，粘贴到微信公众号后台编辑器。

核心功能

可视化编辑 / HTML 源码双模式

实时编辑模式：`contenteditable` 富文本区域，所见即所得，支持直接在文章中点击编辑文字

HTML 源码模式：切换后可直接查看和修改原始 HTML，支持一键格式化代码缩进，两种模式实时同步，切换无损

工具栏（三行紧凑布局）

第一行 — 文档操作

– 模式切换（实时编辑 / HTML 源码）

– 格式化 HTML、清空内容、复制全文（Toast 提示，无弹框打扰）

第二行 — 字符格式

– 字号选择：10px ~ 36px

– 字体颜色 / 背景高亮颜色（原生 color picker）

– 加粗、倾斜、下划线、删除线、上标、下标

– 表情面板（常用 Emoji 快速插入）

– 新行按钮：在文章末尾插入空行并聚焦光标

第三行 — 段落布局

– 对齐方式：居左 / 居中 / 居右 / 两端对齐

– 首行缩进 / 取消首行缩进

– 两端缩进：0 / 0.5 / 1 / 2 / 3 / 4em

– 行间距：1 ~ 3

– 段前距 / 段后距：0 ~ 32px

组件库（左侧侧边栏）

组件按分类展示，顶部 Tab 切换，点击卡片即可将组件插入编辑区末尾。

图文组件

经典卡片

标题排版

图片样式编辑

点击编辑区内任意图片，弹出样式面板：

-圆角：0 ~ 50px 滑块调节

-阴影：0 ~ 30px 滑块调节

-边框宽度：0 ~ 10px

-边框颜色：颜色选择器

完全兼容圆角和阴影同时作用于正确的 DOM 层级。

全局预览图

欢迎各位自媒体和创作者试用，如有bug或需要什么功能，请回来给我留言评论！！！