OpenClaw—AI研究2026 年 7 月 28 日,PublishingSystem 后台编辑器 RichEditor v2.1 改造完成,功能对齐 OldWebsiteToNew 后台编辑器。3 个 GitHub commit 推送:图片对齐按钮(左/中/右)+ 8 方向 resize handle + 源码模式切换 + Toast 提示。修复 3 个 bug(工具条 zIndex 被 handle 盖、工具条超出 viewport 边界、点中按钮退出)。新增 7 条铁律,1 个 dev-log 文档。
图 1 是 RichEditor v2.1 改造后的编辑器界面,图片选中后显示 8 方向蓝色 resize handle(可拖拽改大小)+ 浮动工具条(7 按钮)。
核心成果:图片工具条从 3 按钮扩到 7 按钮(⬅ 左 / ⬌ 中 / ➡ 右 / ↔ 满 / ↺ 重置 / 🗑 删 / ×),对照 lbh 后台工具条完整移植。实现方式是 `display: block` + `margin-left/right: auto`,让 inline img 居中或靠右。
图 2 是图片在 viewport 中部时,浮动工具条自动翻到图片上方(避免被裁到视口外)。
修了 3 个 bug:
1. 工具条 zIndex 10000 < 8 方向 handle 99999 → 提到 100001 + position:fixed
2. 工具条在图片底部超出 viewport → 自动计算 `tbY = rect.top - 36 - 8`(图片上方)
3. 点中按钮退出 → 加 try/catch + e.preventDefault() + e.stopPropagation()
图 3 是点击 ➡ 右 按钮后,图片自动 display:block + margin-left:auto,实现右对齐(图片浮在内容右侧)。
战略意义:PublishingSystem 是替代 WordPress 的内容管理平台,目标是把 gz studyopenclaw.cn(OpenClaw AI 主站)从 WordPress 迁到 PublishingSystem。今天 RichEditor 改造是平台化的一步,跟 WordPress 后台编辑器对齐。明天修保存文章功能(用户报告保存按钮没反应)。GitHub commit `a1de602`/`e290c09`,dev-log 推到 docs/,本篇为对外版 temp post 收尾。