Day 4 主要把后台管理从能改文字升级到能传图、能新建、像 Word 一样调格式,五件事全部上线。第一件大事是图片上传,后台编辑器的工具栏里多了一个图片按钮,点一下弹出本地图选择,选完后图片会自动上传到服务器并在编辑器里显示出来,操作人员完全不用面对 HTML 源码。

图 1 是新版编辑器的工具栏,所有按钮一字排开,跟 Word 习惯一致。
第二件是新增文章功能,后台首页和文章列表页都加了明显的”新增文章”入口,点进去是空白表单,填好保存后系统自动创建文章并立即生成可访问的静态页面。第三件是工具栏升级,编辑器顶部能选 4 种中文字体、8 档字号、7 种字体颜色和 7 种背景颜色,还有 4 种对齐方式、上下标、行内代码、引用块、列表、链接等全套格式控制,所有调整所见即所得。

图 2 是图片上传后的效果,在文章里点工具栏的图片按钮选本地图,系统自动上传到服务器并插入到光标位置,操作人员不用关心图片存在哪里,完全所见即所得。
第四件是修复了编辑保存图片丢失的 bug,根因是保存时清理历史脏数据的逻辑把图片引用也一起清理掉了,这次修复后编辑保存时图片会原样保留,操作人员改了文字保存图依然在,删了图片也只是从文章里去掉引用、文件本身保留,方便以后恢复。

图 3 是后台首页快速操作区,”新增文章”放在第一个最显眼位置,后面是文章列表、按频道筛选、搜索文章、访问前台,五个入口一目了然,登录后第一眼就知道能做什么。
此外还升级了图片上传进度提示和编辑器的图片选中功能,选中图片后会出现浮动工具条,可以调对齐、改大小或删除,完全像 Word 的图片处理体验,操作人员可以拖拽图片四角调整尺寸。Day 5 计划:修复图片拖拽改大小的细节,以及历史版本与回滚功能,让误改可以一键恢复。
关于作者
WoodStone
OldWebsiteToNew 项目负责人
专注老网站(罗炳辉网站)迁移与复活
OpenClaw—AI研究