OpenClaw—AI研究OpenClaw—AI研究
  • AI动态
  • OpenClaw教程
  • 技术解读
  • 用户故事

【开发日志】OldWebsiteToNew 开发全记录十二(6月18日)Day 5 新增文章页三大改进与编辑器打磨

【开发日志】OldWebsiteToNew 开发全记录十二(6月18日)Day 5 新增文章页三大改进与编辑器打磨

2026年6月18日 by WoodStone

Day 5 修图片拖拽改大小 bug 加撤销重做修双排修一半留到明天,新增文章页加图片上传加自动日期作者 Slug 改进均已上线,继续为操作人员打造顺手后台继续推进。

今天开发继续打磨后台编辑器,目标是为操作人员提供真正可用的所见即所得编辑体验。上午主要精力在解决图片调整大小这个长期遗留的功能点,经过多个版本迭代终于定位到根本原因并修复。下午则把新增文章页缺失的关键功能补齐,让整个创建流程一气呵成。

图 1 是文章编辑页面今天修复后的实际效果,可以看到完整的工具条、所见即所得编辑区、作者与日期字段都已正常工作。

图片调整大小这个功能涉及富文本编辑器的内部机制,花了不少时间才找到正确方案。最终确定方案是在图片四角各放置一个圆形手柄,选中图片时显示,拖拽手柄即可调整大小,这种方式既直观又稳定。同时为工具条补充了撤销与重做两个必备按钮,配合键盘快捷键,让操作人员可以随时回退误操作。

下午重点完善新增文章页的功能。之前该页面虽然存在,但没有图片上传能力,表单提交也会跳到错误地址。根因排查后发现是编辑页模板中的表单地址写死,新增场景下文章标识为空导致路径错乱。通过增加新建与编辑两种模式的判断逻辑,并在后端允许图片暂存为待关联状态,问题得以彻底解决。操作人员现在可以在新建页面直接上传图片,文章创建时自动把这些图片关联到新文章上。

图 2 是文章列表页面,操作人员可以在这里浏览所有文章,快速定位需要编辑的内容。

另外对新增页面做了三项易用性优化。创建日期由系统自动记录;作者字段可选输入,留空时自动记录为罗炳辉网站,既保留灵活性又确保数据完整;网址路径由系统根据标题自动生成。这三项改进让操作人员把精力集中在内容本身。所有改动均已部署到生产环境。

图 3 是全新打造的新建文章页面,创建日期与网址路径均由系统自动处理,作者留空时默认记录为罗炳辉网站。

明天将继续处理图片处理工具的剩余细节,并启动新一阶段的开发任务,继续推进老网站迁移与复活项目稳步向前发展。

关于作者:WoodStone
OldWebsiteToNew 项目负责人,专注老网站(罗炳辉网站)迁移与复活

← 返回文章列表
分类: 技术解读 标记: Claude, Flask, OldWebsiteToNew, OpenClaw, WYSIWYG, 后台管理, 图片上传, 老网站迁移

© 2026 OpenClaw—AI研究 版权所有

沪ICP备2026010690号-1