CSlawyer1985/dsh-excalidraw-board

README 摘要

dsh-excalidraw-board 让 DSH 拥有一个全功能的白板 右上角一键打开，直接嵌入官方 Excalidraw 原站 绘图 · 协作 · 素材库 · 导出 · 快捷键 —— 与独立浏览器访问完全一致 新用户？ 从 安装 开始——两步注册，右上角立刻出现铅笔图标。 核心承诺：原站即功能。 不转码、不自托管、不加沙箱限制，iframe 里跑的就是 excalidraw.com 本体，官方怎么用，这里就怎么用。 运行效果 ① 右上角入口 —— 会话窗口右上角（工具区最右）的铅笔图标，点击打开、再点关闭（浮层右上角的圆形 X 也可关闭）： 状态 行为 侧边栏展开 画板从侧边栏右侧铺开，左侧会话列表完全可见可点， 不遮挡 侧边栏折叠（56px rail） 画板全屏铺满 打开期间拖拽侧边栏 画板左边缘每 250ms 自动跟随，实时调整 ② Excalidraw 编辑器（浅色主题） —— 打开后即官方编辑器全貌： ③ Excalidraw 编辑器（深色主题） —— 与官方站点一致支持暗色模式： ④ 实际绘图效果 —— 手绘风格图形、箭头、文字标签、自由绘制，全部可用： 为什么直接嵌入原站 顾虑 结论 官方是否允许嵌入？ ✅ 允许。实测响应头无 X-Frame-Options 、无 CSP frame-ancestors 拦截，且页面内置了 iframe 场景的适配代码（官方明确支持嵌入场景） 功能是否完整？ ✅ 完全一致。iframe 加载同一 URL、同一份线上代码，零裁剪、零转码、零自托管 剪贴板 / 全屏 / 分享？ ✅ 显式授予 clipboard-read 、 clipboard-write 、 fullscreen 、 web-share 、 camera/microphone 等权限 会不会被沙箱限制？ ✅ 不加 sandbox 属性，不限制任何站点能力 版本更新？ ✅ 永远跟随官方最新版，无需维护本地副本 特性 来自 Excalidraw（官方原站能力，引用自 Excalidraw 官方 README） 能力 说明 ✍️ 手绘风格 独有 hand-drawn 观感，图纸/线框/草图都好看 🎨 无限画布 基于 canvas 的无限大画板，缩放平移流畅 ⚒️ 全工具集 矩形、圆形、菱形、箭头、直线、自由绘制、橡皮…… ➡️ 箭头绑定 箭头吸附形状，带标签箭头 🔙 撤销 / 重做 完整历史栈 🔍 缩放与平移 滚轮缩放、抓手平移 😀 素材库 内建形状库 + 社区素材库 📷 图片支持 插入图片、调整裁剪 🖼️ 导出 PNG / SVG / 剪贴板 / .excalidraw JSON 开放格式 🌓 深色模式 明暗主题一键切换 🌐 本地化 支持中文等 i18n 📡 PWA 离线可用（官方站点能力） 🤼 实时协作 多人实时协作白板 �…

分类