|
|
69ba2fb01b
|
refactor: ByteMD 迁移至 Tiptap WYSIWYG 编辑器 + Token 刷新优化
- 移除 ByteMD CDN 资源和 goldmark 依赖，替换为 Tiptap ESM 模块
- 编辑器从源码编辑模式改为 WYSIWYG 所见即所得
- 移除 /api/posts/preview 预览接口（Tiptap 直接输出 HTML 无需后端渲染）
- 保留 UploadImage 图片上传接口和 bluemonday HTML 消毒
- 工具栏支持加粗、斜体、删除线、代码、标题、列表、引用、代码块、分割线、撤销/重做
- 支持图片粘贴/拖拽上传，Ctrl+S 快捷提交，F11 全屏，字数统计
- 优化 common.js：自动 401 拦截 Token 刷新，修复刷新死循环
- 草稿 localStorage 键名更新为 draft_post_body_html
|
2026-05-28 11:21:53 +08:00 |
|
|
|
22a302315a
|
feat: wangEditor 替换为 ByteMD Markdown 编辑器
- 移除 wangEditor 5 库文件（1.27MB JS + 14KB CSS，含手动 hack）
- 集成 ByteMD 1.22.0（基于 CodeMirror 5，不依赖 contentEditable）
- 编辑器输出 Markdown 原文，后端 goldmark + bluemonday 双重防护渲染 HTML
- 删除 editor.js 中 scrollIntoView hack、code-lang-label DOM 注入、PreviewAPI 调用
- 清理 posts.css 中 ~200 行 wangEditor 样式覆盖（w-e-* 类名）
- 清理 show.html 中 code-lang-label JS 注入（goldmark 自带 language-xxx class）
- 更新 CSP 安全策略：移除 CodeMirror 注释，保留 esm.sh CDN
- go.mod：bluemonday 和 goldmark 均保留为直接依赖（纵深防御）
|
2026-05-28 02:16:50 +08:00 |
|
|
|
804fd50edf
|
fix: 修复编辑器代码块换行滚动跳动 + 移除视频和网络图片功能
- 修复 wangeditor 选区同步 scrollIntoView 导致代码块换行大幅跳动的问题
- 移除 getBoundingClientRect 替换 hack，改用元素自身真实位置计算滚动
- 将 block 参数从 end 改为 nearest，behavior 从 smooth 改为 instant
- 修复 #editor-container 与 .w-e-scroll 双重滚动容器冲突
- #editor-container 和 .w-e-text-container 设为 overflow:hidden
- .w-e-scroll 作为唯一滚动容器设 overflow-y:auto
- updateCodeLabels 改为节流执行并保存/恢复滚动位置
- 新增 ensureCursorVisible 替代内置滚动保证光标可见
- 滚动同步函数统一引用 .w-e-scroll 容器
- 工具栏排除视频相关按钮和网络图片功能
- .gitignore 添加 .codebuddy
|
2026-05-28 01:44:46 +08:00 |
|
|
|
ec8fa3eb56
|
fix: 修复 wangEditor 布局、预览、图片上传和链接样式
- 修复编辑区高度未撑满问题
- 预览改用 getHtml() 直接展示
- 图片上传改用 fetch + credentials:same-origin（修复 CSRF 403）
- 添加帖子正文链接蓝色+下划线样式
- 草稿改用 getHtml() 保存，恢复时正确还原格式
- 草稿改为每 300 字 + 停笔 10 秒双重触发
- 空编辑区不保存草稿
- 代码块语言标签通过 DOMParser 注入（编辑器 + 预览）
|
2026-05-27 23:01:59 +08:00 |
|
|
|
9d17185e11
|
feat: 用 wangEditor 5 替换 CodeMirror 6
|
2026-05-27 20:24:56 +08:00 |
|
|
|
c326cbc104
|
fix: 改用 importmap + esm.sh 解决 CodeMirror 多实例冲突
- 将 import 改回 bare specifier，通过 importmap 指向 esm.sh
- esm.sh 在同一构建上下文中能识别共享依赖，确保 @codemirror/state 单例
- 消除 "Unrecognized extension value" instanceof 检查错误
|
2026-05-27 19:48:01 +08:00 |
|
|
|
799ac3c95c
|
fix: 放宽 CSP 允许 esm.sh CDN 加载 CodeMirror 6 ESM 模块
- script-src 添加 https://esm.sh，允许 CodeMirror 6 的 ESM import 加载
- connect-src 显式设为 self，确保 Markdown 预览 fetch 请求正常
- img-src 添加 blob:，支持粘贴图片场景
|
2026-05-27 19:44:59 +08:00 |
|
|
|
cc527aaf19
|
fix: 移除 new.html 末尾多余的 {{end}} 导致模板编译 panic
|
2026-05-27 19:41:20 +08:00 |
|
|
|
9801edc313
|
refactor: 用 CodeMirror 6 重构 MD 编辑器，废弃自研 WYSIWYG
- 引入 CodeMirror 6 (MIT) 替代 contenteditable WYSIWYG 编辑器，消除 execCommand 废弃 API 风险
- 全新全宽三栏布局：标题栏、工具栏、编辑区+可切换预览、状态栏
- 工具栏新增删除线/H1/H4/任务列表/表格/预览切换/全屏按钮
- 支持粘贴图片自动上传 (Ctrl+V)、拖拽上传、上传进度反馈
- 代码块语言下拉选择器替代 prompt() 弹窗，支持搜索和键盘导航
- 自动保存草稿 (30s 防抖，localStorage + 后端静默保存)
- 分屏实时预览 (Ctrl+Shift+P)，编辑器与预览区双向滚动同步
- 字数/行数/阅读时间统计、全屏编辑 (F11)
- 快捷键：Ctrl+B/I/K/`/Shift+I/S/Shift+P + Tab/Shift+Tab
- 删除旧的 htmlToMarkdown、syncMarkdownToWysiwyg、mode-tab 等废弃代码
- 后端 API 零改动，仅移除控制器中不再需要的 ExtraJS 字段
|
2026-05-27 19:38:42 +08:00 |
|
|
|
8a8d801187
|
fix: 修复帖子系统5项缺陷 + 代码块插入位置/language-class/分割线占位
- 作者显示 用户名(UID): 修正Post.AuthorName GORM标签从 -:all 改为 -:migration;<-:false;column:author_name
- 审核流程: 帖子详情页新增"提交审核"按钮(draft/rejected时作者可见)
- 图片上传: 新增 POST /api/posts/upload-image 端点,限制5MB/jpg/png/gif/webp
- 代码块语言标注: 工具栏插入代码块时弹出语言输入框,生成 language-xxx class
- 状态中文显示: 管理后台/帖子详情页状态改为 PostStatusDisplayNames 映射
- 修复代码块插入位置错误: init时调用switchMode同步DOM; 无选区时appendChild; 防<pre>嵌套
- 修复 bluemonday.UGCPolicy() 剥离 code/pre 的 class 属性,显式 AllowAttrs("class")
- 修复分割线工具栏插入多余text占位符: hr/link/image以外不强制填占位文本
|
2026-05-27 19:22:47 +08:00 |
|
|
|
174d715e50
|
fix: 修复 CSRF 缺失 + 重写编辑器为三模式（所见即所得/源码/分屏）
CSRF 修复：
- /posts/new 和 /posts/:id/edit 原在独立 postPages group 中，仅含 Required 中间件，缺少 CSRF 下发
- 移动到 pages group（含 CSRF 中间件），用 per-route d.authMdw.Required() 弥补登录校验
- 同时消除 /posts/:id 与 /posts/new 潜在的路由冲突
编辑器重写：
- 添加三种编辑模式切换标签：所见即所得 / 源码 / 分屏预览
- 所见即所得（默认）：contenteditable 编辑区 + 工具条（execCommand）
支持加粗、斜体、H2/H3、链接、图片、引用、代码、列表、分割线
- 源码：纯 textarea，textarea 作为数据源始终保存 markdown 原文
- 分屏：左 textarea 编辑 + 右实时渲染预览（API 渲染）
- 模式切换时自动同步：WYSIWYG → HTML → Markdown → textarea
- 工具条在 WYSIWYG 模式用 execCommand，源码模式用文本包裹语法
实现细节：
- contenteditable ← textarea 双向同步（WYSIWYG 模式）
- 基本 HTML→Markdown 转换器（strong/em/h1-h6/a/pre/code/li/blockquote/img）
- 分屏布局用 JS toggled .split-mode class（非 :has()，兼容 Firefox）
- 编辑器初始时自动进 WYSIWYG 模式渲染已有内容
|
2026-05-27 18:35:13 +08:00 |
|
|
|
03a01a09be
|
feat: 实现内容系统 MVC（Post CRUD + 审核流转）
按 content-system.md 设计文档，实现帖子内容系统的最小可行 MVC。
新增：
- Model: Post 模型，含 5 种状态（draft/pending/approved/rejected/locked）
- Repository: post_repo.go，分页查询（前台 approved 列表 + 后台全状态筛选）
- Service: post_service.go，核心业务逻辑（状态流转、Markdown 渲染 Goldmark）
- Controller: post_controller + admin_post_controller，SSR 页面 6 个 + API 13 个
- Template: 列表/详情/编辑器/404 + 管理员列表，各配 CSS/JS
- 路由: /posts, /posts/:id, /posts/new, /posts/:id/edit, REST API, Admin API
- gomod: + github.com/yuin/goldmark v1.8.2
修改：
- Main: AutoMigrate Post 表
- Router: deps 注册 PostService/Controller，路由注册
- Nav: 新增“帖子”导航链接
- Admin Sidebar: 新增“内容管理”入口
设计：
- 审核开关复用 audit.enabled，开启时帖子为 draft，关闭后直接 approved
- 仅 approved 公开可见，作者/admin 可预览非公开状态帖子
- 严格分层 ISP 接口: Controller → postUseCase, Service → postStore, Repo → *PostRepo
- 状态保护: pending/locked 禁止编辑，rejected 编辑后自动重置为 draft
|
2026-05-27 18:22:48 +08:00 |
|
