augushong
4f1bcae05b
修复中间预览区与右侧画布排版一致性
...
- 隐藏中间预览区滚动条,消除15px宽度差异
- 统一padding为20px,内容宽度均为500px
- .page-content行高改用CSS变量--pi-line-height
- #paginated-preview加入CSS变量选择器
- 去掉中间预览区右侧边框
2026-05-19 20:52:38 +08:00
augushong
616e7c507b
fix(phone-image): 中間預覽區與右側畫布換行位置不一致
...
根因: #render-preview無padding(內容寬540px), 右側.page-body有padding:20px(內容寬500px),
40px寬度差導致文字換行位置不同。
修復: #render-preview添加padding:var(--pi-spacing)(20px) + box-sizing:border-box,
使中間預覽區內容寬度(500px)與右側畫布一致。
2026-05-19 20:19:17 +08:00
augushong
e937970986
fix(phone-image): 右側畫布字號不生效+字號刷新丟失
...
1. applyFontScale()新增#paginated-preview的CSS變量設置
--pi-font-scale/--pi-table-font-scale/--pi-code-font-scale
2. .page-content新增font-size:calc(14px*var(--pi-font-scale,1))
之前.page-content無font-size設置,右側DOM分頁無法響應字號調整
3. 字號從後端savedConfig正確恢復(fontScale:1.2驗證通過)
2026-05-19 20:08:17 +08:00
augushong
234746aa83
fix(phone-image): 右側正文水平居中問題
...
根因: .preview-thumb-item有text-align:center, 被子元素.dom-page-container繼承,
導致.page-content內所有文字水平居中。
在.dom-page-container上顯式設置text-align:left覆蓋繼承。
2026-05-19 19:52:46 +08:00
augushong
3867256519
fix(phone-image): 修復5個UI問題
...
1. 中間預覽區工具欄折行: 縮小字號/間距(gap 8->4, font 12->11px)
2. 右側畫布缺少頁間距: 新增scaleWrapper裁切transform溢出
3. 右側對齊下拉框不可見: select改為正常文檔流,移除position:absolute
4. 正文水平居中: dom-page-content添加text-align:left
5. 列表不顯示序號/圓點: 顯式設置list-style-type + display:list-item
2026-05-19 19:46:11 +08:00
augushong
bfeb1811be
feat(phone-image): DOM分页預覽CSS+HTML基礎結構和數據模型
2026-05-18 23:32:40 +08:00
augushong
eb392ff1d7
fix(typesetting): 修复品牌logo非正方形时被强制压缩的问题 - 改为按比例自适应宽度
...
Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent )
Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai >
2026-05-17 11:33:25 +08:00
augushong
aa6124adbc
feat(typesetting): 品牌标识CSS样式 - brand-header/brand-logo/brand-name
2026-05-17 11:14:50 +08:00
augushong
0ce43ddd19
fix(typesetting): 修复对齐下拉CSS不生效的bug - img添加class + flex布局
2026-05-17 00:40:03 +08:00
augushong
ee9e2acca2
refactor(typesetting): Wave2 - 表格字号移位+画布header+对齐下拉+移除历史UI
...
- T3: 表格字号从设置弹框移到渲染预览header工具栏
- T4: 画布预览区添加header bar和重置对齐按钮
- T5: 对齐按钮改为select下拉,change仅CSS操作不重渲染
- T6: 移除历史记录UI(按钮/菜单/处理函数/URL变量)
- CSS: alignment-toggle样式替换为alignment-select样式
2026-05-17 00:30:25 +08:00
augushong
3ea3a6dbe3
feat(typesetting): Wave 2 - 流式渲染、表格字号独立控制、作者声明
...
- 缩略图改为流式渲染,截图一页即显示一页
- 新增tableFontScale独立控制表格字号,含后端持久化
- 内容页顶部添加作者声明(文/作者名),空值隐藏
2026-05-16 00:35:03 +08:00
augushong
2b9bfb179f
feat(typesetting): Wave 1 - 对齐修复+底部对齐、封面页字号豁免、字号UI改造
...
- 修复对齐按钮缺少click handler的缺陷,新增事件委托
- 三态对齐切换: 居顶(↑) -> 居中(↕) -> 居底(↓)
- 封面页和尾页通过CSS变量重置不受全局fontScale影响
- 字号控制从slider改为dropdown+自定义输入,预设0.5/0.8/1.0/1.2/1.5/2.0
2026-05-16 00:23:36 +08:00
augushong
b8c05e0329
fix(phoneimage): 修复字号缩放不生效于画布渲染和段落文字,缩小表格行间距
...
- CSS: 在 #render-preview 和 #render-staging 上重新声明中间变量
(--pi-font-size-base 等),使其在本地用 --pi-font-scale 重新计算,
解决 CSS 自定义属性在 :root 预计算后子元素继承固定值的问题
- CSS: #render-preview 的 font-size 从 var(--pi-font-size-base) 改为
直接 calc(14px * var(--pi-font-scale, 1)),确保段落文字响应缩放
- JS: doCapturePages() 在 ensureStaging() 后调用 applyFontScale(),
确保首次创建 staging 时 --pi-font-scale 被正确设置
- CSS: th/td padding 从 8px 10px 缩小为 4px 10px,减少表格行间距
- HTML: body 布局改为 flex-column 防止页面级滚动
2026-05-15 23:38:39 +08:00
augushong
07dcc964f4
feat(phoneimage): 添加日志面板UI和右栏布局重构
2026-05-15 22:00:43 +08:00
augushong
5a81385448
feat(phone-image): 添加字号倍数控制功能
...
- CSS: 新增 --pi-font-scale 变量,全量 font-size 支持 calc 缩放
- JS: config.fontScale 影响分页计算,applyFontScale() 同步CSS变量
- HTML: 渲染预览区 Slider 控件(0.5x~2.0x),拖动即时预览,松手完整渲染
- 后端: PhoneImage.php 新增 fontScale 配置字段和校验
- 所有保存路径(autoSave/save/generate)包含 fontScale 持久化
2026-05-15 00:50:57 +08:00
augushong
29dbc7ca55
feat(phoneimage): 三列布局重构 - 添加渲染预览区并改造渲染管线
...
- 增加中间渲染预览列(540px),三列布局:编辑器 | 预览 | 缩略图
- CSS作用域迁移:排版样式从#editor-text-area迁移到#render-preview
- 编辑器恢复干净默认样式,消除表格/图片间隙和溢出问题
- 新增syncPreview()实时同步编辑器内容到预览区(300ms防抖)
- captureEditorBlocks()改为从预览区DOM测高,不再克隆编辑器DOM
- render()改为从预览区读取已预处理HTML,所见即所得
2026-05-12 23:12:48 +08:00
augushong
ccbfdde73e
fix(phone-image): 修复分割线样式覆盖和表格丢行问题
...
1. 删除CSS覆盖wangeditor divider默认样式的规则,保留原生分割线外观
2. 新增splitTableByRows函数,超大表格按行拆分渲染,每页保留表头
3. splitOversizedBlock对表格不再跳过,改为调用splitTableByRows
2026-05-12 22:07:26 +08:00
augushong
b6f2e9ef09
fix(phone-image): 移除不存在的layui dropdown依赖,改用纯JS下拉菜单
...
layui 2.x没有内置dropdown模块,导致整个页面JS回调不执行。
- layui.use依赖从['form','layer','dropdown']改为['form','layer']
- 用纯jQuery实现toggle下拉菜单替代dropdown.render()
- 添加more-dropdown-menu CSS hover样式
2026-05-11 23:20:20 +08:00
augushong
f6fc53940c
feat(phone-image): Wave2 CSS样式+自动保存+历史加载
...
- T4: 新增编辑器区/操作栏/弹框CSS样式(390行),覆盖两栏布局、
wangeditor编辑区排版、divider分页标记、设置弹框、右侧预览区
- T5: onChange自动保存(2.6s防抖),保存状态指示器(waiting/saving/saved/error)
- T6: loadFromHistory改用editor.setHtml()+updateConfig()替换旧init
- 修复: doAutoSave删除无效递归调用
2026-05-11 22:55:24 +08:00
augushong
491a71bd44
feat(phone-image): fontSize滑块生效、水印渲染、保存大小检查和空内容提示
...
T5: 通过JS setProperty动态设置--pi-font-size-base让fontSize滑块真正改变渲染字号,
修复h4标题不使用CSS变量避免被影响
T6: 在封面页/内容页/尾页生成函数中添加水印HTML,CSS添加.page-watermark样式
T7: saveImages添加16MB大小检查,render添加空内容检测提示,
doCapturePages错误路径添加staging清理
2026-05-07 21:39:26 +08:00
augushong
2233b2b71a
fix(phone-image): 修复代码块/表格转换DOM索引失效bug,增加重新生成按钮和中间栏表格样式
...
- convertCodeBlocks/convertTables: 改为每次重新find().first()替代缓存索引
- 修复replaceWith后jQuery集合中后续元素DOM引用失效的问题
- 新增'重新生成'按钮,强制重新渲染缩略图
- 新增中间栏content-flow-block表格CSS样式
2026-05-03 22:56:34 +08:00
augushong
6cff21d50f
feat(phone-image): table-to-image conversion with beautified CSS styles
2026-05-03 10:17:34 +08:00
augushong
3cc024409f
refactor(phone-image): CSS and HTML for thumbnail preview container
2026-05-03 09:00:32 +08:00
augushong
2aa60f87ed
feat(phone-image): add cover_text migration and rewrite CSS to xiaohongshu classic style
...
T1: Add cover_text text field to post table for phone image layout cover text
T2: Rewrite phone-image-templates.css - remove tpl-magazine/tpl-mixed, merge tpl-minimal into base styles, add content-flow/break-inserter/page-break-marker/page-alignment-toggle styles
2026-05-02 09:06:47 +08:00
augushong
34fe255829
feat(phone-image): 增加翻页预览与无封面图排版样式
...
- 为手机截图生成器添加翻页功能,支持在生成前预览各页内容
- 增加无封面图时的排版样式,使用装饰线条和居中布局
- 改进图片处理逻辑,清除内联样式并展平嵌套包装元素
- 修复 models.dev 同步接口,支持 GET 请求获取缓存数据
- 优化网络请求,添加直连失败后的本地代理重试机制
2026-05-01 16:31:26 +08:00
augushong
83a2bd48a2
feat(post): 新增手机图片排版与AI智能排版功能
...
- 新增手机图片排版功能,支持小红书/抖音尺寸输出
- 新增AI智能排版顾问,支持内容分析与优化推荐
- 新增AI供应商管理,支持多渠道配置与同步
- 新增文章输出管理页面,支持图片预览与批量下载
- 新增字体文件与排版样式配置
2026-05-01 12:23:17 +08:00
augushong
c17b69fcdf
feat: 增加平台信息跳转
2025-10-05 14:28:46 +08:00
augushong
f534c7c473
修改右侧背景色
2023-06-30 16:44:28 +08:00
augushong
331feb8351
优化标题导航样式
2023-06-29 18:11:59 +08:00
augushong
f567fffbfa
增加文章左侧标题导航
2023-06-29 17:52:06 +08:00
augushong
95d80fe568
优化用户信息展示
2023-06-28 11:17:18 +08:00
augushong
65e1800c6f
增加访问记录功能
2023-06-28 11:12:30 +08:00
augushong
5d854f8197
修改字体大小;
2022-06-09 14:32:43 +08:00
augushong
8bc73f83de
完成防采集版权声明;
2022-05-30 11:05:29 +08:00
augushong
ff353f0d43
增加链接样式,防止误触;
2022-05-28 18:05:43 +08:00
augushong
1d9377da5f
优化编辑器操作助手;优化文章阅读样式;
2022-05-26 10:22:36 +08:00
augushong
0284f6f2b8
优化文章seo声明;导出面板新增版权声明功能;
2022-05-26 10:12:25 +08:00
augushong
efe2013a9c
优化代码显示;
2022-04-26 17:29:22 +08:00
augushong
6796284a12
优化文章样式;
2022-04-26 16:59:14 +08:00
augushong
d15122f091
新增动态的样式;
2022-03-19 12:33:11 +08:00
augushong
4fda375028
优化性能和轮播图;
2022-03-19 00:18:31 +08:00
augushong
491d968d40
完善文章读取和编辑;
2022-03-05 08:53:14 +08:00
augushong
1a7718be0c
基本完成新的编辑器;
2022-03-04 12:11:06 +08:00
augushong
bcc07c301e
分页.链接样式
2020-12-28 21:20:13 +08:00
augushong
ffc4d5195c
新增作者名称
2020-08-19 16:10:45 +08:00
augushong
9d08fe3b5d
优化自动跳转功能
2020-08-18 12:16:42 +08:00
augushong
6855670c45
自适应手机
2020-08-14 13:24:47 +08:00
augushong
2a04ff970c
新增代码高亮,完善文章浏览体验
2020-08-14 13:08:59 +08:00
augushong
cae557ac0c
优化文章编辑分类设置
2020-08-13 00:43:26 +08:00
augushong
3bc46a4b9c
初始化项目
2020-08-07 23:49:50 +08:00