2026-06-08 Markdown 编辑器排版与图片上传体验优化

本次集中优化发帖/编辑页 Markdown 编辑器，修复图片对齐、编辑/预览高度、工具栏排版和截图粘贴上传等使用体验问题。

主要改动：

1. 文章正文图片对齐修复

• 文件：view/css/bootstrap-bbs.css
• 取消 .message img 默认 margin:auto 强制居中，默认图片改为左对齐。
• 增加 .text-left、.text-center、.text-right 包裹图片时的对应左右边距规则，使图片跟随编辑器对齐设置显示。
• 文件：model/post.func.php
• Markdown 服务端解析新增 {left}，与已有 {center}、{right} 保持一致。
• 文件：view/htm/post.htm
• 编辑器预览解析新增 {left}，工具栏新增“左对齐”按钮，并补齐插入逻辑。

1. 编辑器高度与预览区滚动优化

• 文件：view/css/bootstrap-bbs.css
• 编辑区和预览区改为按内容高度同步，预览区高度跟随编辑区并在内容过长时内部滚动，避免预览内容无限撑高页面。
• 全屏模式保留编辑区和预览区各自滚动，不受普通模式高度限制影响。
• 移动端编辑器改为单列布局，默认显示编辑区，开启预览后显示预览区。
• 文件：view/htm/post.htm
• 新增 bbs_md_sync_height()，输入、撤销恢复、插入内容、图片加载和窗口尺寸变化时自动同步编辑器高度。

1. 编辑器工具栏排版修复

• 文件：view/htm/post.htm
• 将“撤销 / 重做 / 全屏 / 预览”并入第一行主按钮流，紧跟“链接”按钮后自然排序。
• 文件：view/css/bootstrap-bbs.css
• 工具栏按钮支持自然换行，空间不足时自动换到下一行。
• 字数统计改为在第二行按钮流后自然排布，空间足够时靠右显示，空间不足时独占下一行靠右显示，避免被“更多表情 / 清空”等按钮遮挡。

1. 截图 Ctrl+V 粘贴上传图片

• 文件：view/htm/post.htm
• 编辑器新增 paste 事件，识别剪贴板中的图片文件并复用现有图片上传接口自动上传。
• 截图工具复制图片后，可在正文编辑框直接 Ctrl+V 上传并自动插入 Markdown 图片语法。
• 对剪贴板图片自动生成 截图-{时间}-{序号} 文件名；普通文字粘贴不受影响。
• 编辑器提示文案新增“截图 Ctrl+V 粘贴上传”。

验证情况：

• 已确认修改集中在 view/htm/post.htm、view/css/bootstrap-bbs.css、model/post.func.php。
• 本次为前端模板、CSS 和 Markdown 解析规则调整，需在浏览器中验证发帖/编辑页按钮换行、图片左/中/右对齐、长文编辑滚动和剪贴板截图上传流程。

欢迎大家加入QQ交流群：785017513