返回作品列表
可视化页面设计器
jueying / page-builder：所见即所得的 HTML 搭建器
把页面设计器做成可以集成进业务系统的组件，并持续迭代出所见即所得的搭建器与 Taro 方向的实现。
时间
2018
我的角色
主导设计与实现
技术栈
TypeScript · React · 组件化 · 低代码
4 个
设计器相关仓库
2018
首个仓库创建年
2023
jueying 最近提交年
背景
老站的首页改版往往卡在代码上：前端 HTML 直接写在后台代码里，前端同事改不动、后端同事不熟悉前端，运营想要「可定制化」更是无从下手。
把设计器做成可嵌入的组件，比每次为一个页面写一套编辑器更划算。
做了什么
以 TypeScript 为主，把设计器的编辑、组件注册与渲染拆开，多个仓库分别承担不同形态。
- jueying：HTML 页面设计器组件，帮助开发者把设计器集成进自己的系统（MIT）
- page-builder：所见即所得的 HTML 页面设计器
- taro-builder / jueying-5：面向 Taro 与后续版本的迭代尝试
- 2023 年把「首页可定制化」的真实需求写成《一个网站首页重构小记》
留下了什么
从 2018 年的 jueying 到 2023 年的最近一次提交，设计器方向留下了 4 个公开仓库；jueying 带 design / designer / html 主题标签并采用 MIT 协议。
业务侧的经验则沉淀在博客里：面对运营 10 多年、换过好几拨人的系统，优先选择不动老代码的可定制化方案。