：用可視化編輯器、斜杠命令和自動保存構(gòu)建AI文檔工作區(qū))
OpenDots Spaces實戰(zhàn)用可視化編輯器、斜杠命令和自動保存構(gòu)建AI文檔工作區(qū)【免費下載鏈接】OpenDotsYour always-on AI coworkers that move between text, calls, and Slack.項目地址: https://gitcode.com/gh_mirrors/op/OpenDots OpenDots 是一款開源的常駐 AI 同事工作區(qū)模板其中Spaces是它的工作文檔空間每個 Space 都配有可視化富文本編輯器、/斜杠命令、自動保存和版本沖突保護還能讓 AI 專員Dot直接讀取頁面上下文幫你起草和修訂文檔。本文將帶你從零上手用最短路徑搭好自己的 AI 文檔工作區(qū)。Spaces 是什么給工作文檔一個家在 OpenDots 里Space空間是工作文檔的家。每個 DotAI 同事?lián)碛歇毩⒌膶Ш綏l目可以在設置中被授權(quán)訪問多個 Space并指定保存頁面的默認目的地。你可以 在可搜索的文檔庫中瀏覽頁面支持網(wǎng)格 / 列表兩種視圖切換? 把文檔組織成嵌套的子頁面例如啟動簡報 → 本周任務?? 直接在可視化編輯器中寫作無需任何外部工具 把對話另存為頁面或讓 AI 專員創(chuàng)建、修訂內(nèi)容頁面內(nèi)容保存在本地工作區(qū)數(shù)據(jù)庫中即使不配置任何 AI 服務手動編輯功能也完全可用?？焖匍_始3步啟動你的文檔工作區(qū)使用 Node.js 24 npm只需幾行命令詳見 docs/SETUP.mdgit clone https://gitcode.com/gh_mirrors/op/OpenDots cd OpenDots npm ci cp .env.example .env npm run dev打開http://127.0.0.1:5173即可創(chuàng)建 Space、編寫頁面并配置 Dot。添加模型與對話服務憑據(jù)后即可開始和 AI 聊天。Docker 部署可使用docker compose up --build -d應用元數(shù)據(jù)保存在opendots-data卷中。文檔庫搜索、排序與網(wǎng)格視圖進入一個 Space 后你會看到**頁面庫Library**界面功能說明 搜索按標題或正文內(nèi)容實時過濾頁面?? 排序Recently edited最近編輯或 Name A–Z按名稱? 視圖網(wǎng)格視圖 / 列表視圖一鍵切換 子頁面卡片上顯示所屬父頁面方便管理層級每張卡片展示頁面標題、正文摘要和最后編輯日期點擊即打開編輯。頁面庫的核心邏輯搜索過濾、排序、摘要生成實現(xiàn)在 SpaceLibrary.tsx 中?？梢暬庉嬈鞲袷交ぞ邫谂c斜杠命令打開任意頁面就進入了專注模式的可視化編輯器。頂部工具欄提供一鍵格式化B / I加粗、斜體快捷鍵 ?/CtrlB、?/CtrlI列表無序列表、有序列表引用 / 代碼塊突出觀點、插入代碼鏈接支持公共 http(s) 鏈接與頁面內(nèi)部鏈接撤銷 / 重做放心大膽地改用/斜杠命令快速插入內(nèi)容塊把光標放到行首輸入/會彈出插入塊菜單全部支持鍵帽操作↑/↓ 選擇、Enter 插入、Esc 關(guān)閉。目前提供 9 種內(nèi)容塊斜杠命令塊用途Text普通段落Heading 1 / 2 / 3大、中、小三級標題Bullet list無序列表Numbered list有序列表Checklist待辦清單跟蹤任務進度Quote引用一段內(nèi)容Code代碼塊Divider分隔線切分章節(jié)Table三列帶表頭的表格輸入關(guān)鍵詞還能實時過濾菜單例如輸入 check 直接定位到清單。斜杠命令的完整實現(xiàn)在 slash-commands.ts基于 Tiptap 的 Suggestion 機制構(gòu)建編輯器主體見 RichEditor.tsx。 小提醒粘貼含圖片或嵌入內(nèi)容的 HTML 會被攔截并提示如需保留原始標記可切換到Markdown 源碼模式編輯不支持可視化語法的舊文檔也會自動停留在源碼模式保證內(nèi)容不丟失。自動保存狀態(tài)可見草稿永不丟OpenDots 的自動保存不是靜默進行而是把每一步都展示給你??800ms 防抖編輯暫停后自動觸發(fā)保存不打斷寫作節(jié)奏實時狀態(tài)頂部顯示 saved / dirty / saving 等狀態(tài)隨時知道改動是否已到達服務器??手動保存?/Ctrl S立即保存?版本沖突保護每次保存攜帶expectedRevision校驗。若頁面在別處被修改比如 AI 剛改過會判定為沖突并保留你的本地草稿絕不會用舊內(nèi)容覆蓋新版本邊界檢查標題最長 160 字符、正文最長 10 萬字符保存請求 10 秒超時斷網(wǎng)時草稿安全保留恢復連接后手動重試這套保存狀態(tài)機集中在 autosave.ts前端鉤子在 editor/use-page-autosave.ts。進階讓 AI 專員直接讀懂你的文檔這才是 Spaces 最有價值的地方——頁面級對話在側(cè)邊欄的 Dot 設置中授予該 Dot 對目標 Space 的訪問權(quán)限打開頁面的聊天框選擇一位有權(quán)限的專員例如負責研究的 Scout服務器會為該頁面 × 該專員創(chuàng)建或復用一個 CopilotKit ThreadDot 收到當前已保存的頁面作為上下文可以在其被授權(quán)的 Space 內(nèi)讀取、創(chuàng)建和編輯頁面實用技巧 提問修訂前先保存你的手動編輯——修訂檢查會拒絕過期寫入 用對話的save-to-page操作可以把對話的歷史文字直接生成為文檔頁面會保留對來源對話的引用鏈接聊天中的頁面鏈接也能反向打開文檔工作區(qū)?? 備份要兩層都做SQLite 存頁面內(nèi)容與線程綁定對話歷史則在你的 Intelligence 項目中小結(jié)OpenDots Spaces 用三個核心能力幫你構(gòu)建可持續(xù)運轉(zhuǎn)的 AI 文檔工作區(qū)?可視化編輯器 9 種斜杠命令塊寫作零摩擦?狀態(tài)可見的自動保存 版本沖突保護草稿永不丟?頁面級 AI 對話專員攜帶真實文檔上下文工作無需復雜配置clone 后即可手動寫作接入模型服務后再讓 AI 把文檔工作區(qū)變成你的第二大腦。 延伸閱讀docs/SETUP.md配置、Slack、語音與容器部署、README.md架構(gòu)與完整功能列表、CONTRIBUTING.md參與貢獻指南【免費下載鏈接】OpenDotsYour always-on AI coworkers that move between text, calls, and Slack.項目地址: https://gitcode.com/gh_mirrors/op/OpenDots創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考 OpenDots Spaces實戰(zhàn)：用可視化編輯器、斜杠命令和自動保存構(gòu)建AI文檔工作區(qū)
OpenDots Spaces實戰(zhàn)用可視化編輯器、斜杠命令和自動保存構(gòu)建AI文檔工作區(qū)【免費下載鏈接】OpenDotsYour always-on AI coworkers that move between text, calls, and Slack.項目地址: https://gitcode.com/gh_mirrors/op/OpenDots OpenDots 是一款開源的常駐 AI 同事工作區(qū)模板其中Spaces是它的工作文檔空間每個 Space 都配有可視化富文本編輯器、/斜杠命令、自動保存和版本沖突保護還能讓 AI 專員Dot直接讀取頁面上下文幫你起草和修訂文檔。本文將帶你從零上手用最短路徑搭好自己的 AI 文檔工作區(qū)。Spaces 是什么給工作文檔一個家在 OpenDots 里Space空間是工作文檔的家。每個 DotAI 同事?lián)碛歇毩⒌膶Ш綏l目可以在設置中被授權(quán)訪問多個 Space并指定保存頁面的默認目的地。你可以 在可搜索的文檔庫中瀏覽頁面支持網(wǎng)格 / 列表兩種視圖切換? 把文檔組織成嵌套的子頁面例如啟動簡報 → 本周任務?? 直接在可視化編輯器中寫作無需任何外部工具 把對話另存為頁面或讓 AI 專員創(chuàng)建、修訂內(nèi)容頁面內(nèi)容保存在本地工作區(qū)數(shù)據(jù)庫中即使不配置任何 AI 服務手動編輯功能也完全可用?？焖匍_始3步啟動你的文檔工作區(qū)使用 Node.js 24 npm只需幾行命令詳見 docs/SETUP.mdgit clone https://gitcode.com/gh_mirrors/op/OpenDots cd OpenDots npm ci cp .env.example .env npm run dev打開http://127.0.0.1:5173即可創(chuàng)建 Space、編寫頁面并配置 Dot。添加模型與對話服務憑據(jù)后即可開始和 AI 聊天。Docker 部署可使用docker compose up --build -d應用元數(shù)據(jù)保存在opendots-data卷中。文檔庫搜索、排序與網(wǎng)格視圖進入一個 Space 后你會看到**頁面庫Library**界面功能說明 搜索按標題或正文內(nèi)容實時過濾頁面?? 排序Recently edited最近編輯或 Name A–Z按名稱? 視圖網(wǎng)格視圖 / 列表視圖一鍵切換 子頁面卡片上顯示所屬父頁面方便管理層級每張卡片展示頁面標題、正文摘要和最后編輯日期點擊即打開編輯。頁面庫的核心邏輯搜索過濾、排序、摘要生成實現(xiàn)在 SpaceLibrary.tsx 中?？梢暬庉嬈鞲袷交ぞ邫谂c斜杠命令打開任意頁面就進入了專注模式的可視化編輯器。頂部工具欄提供一鍵格式化B / I加粗、斜體快捷鍵 ?/CtrlB、?/CtrlI列表無序列表、有序列表引用 / 代碼塊突出觀點、插入代碼鏈接支持公共 http(s) 鏈接與頁面內(nèi)部鏈接撤銷 / 重做放心大膽地改用/斜杠命令快速插入內(nèi)容塊把光標放到行首輸入/會彈出插入塊菜單全部支持鍵帽操作↑/↓ 選擇、Enter 插入、Esc 關(guān)閉。目前提供 9 種內(nèi)容塊斜杠命令塊用途Text普通段落Heading 1 / 2 / 3大、中、小三級標題Bullet list無序列表Numbered list有序列表Checklist待辦清單跟蹤任務進度Quote引用一段內(nèi)容Code代碼塊Divider分隔線切分章節(jié)Table三列帶表頭的表格輸入關(guān)鍵詞還能實時過濾菜單例如輸入 check 直接定位到清單。斜杠命令的完整實現(xiàn)在 slash-commands.ts基于 Tiptap 的 Suggestion 機制構(gòu)建編輯器主體見 RichEditor.tsx。 小提醒粘貼含圖片或嵌入內(nèi)容的 HTML 會被攔截并提示如需保留原始標記可切換到Markdown 源碼模式編輯不支持可視化語法的舊文檔也會自動停留在源碼模式保證內(nèi)容不丟失。自動保存狀態(tài)可見草稿永不丟OpenDots 的自動保存不是靜默進行而是把每一步都展示給你??800ms 防抖編輯暫停后自動觸發(fā)保存不打斷寫作節(jié)奏實時狀態(tài)頂部顯示 saved / dirty / saving 等狀態(tài)隨時知道改動是否已到達服務器??手動保存?/Ctrl S立即保存?版本沖突保護每次保存攜帶expectedRevision校驗。若頁面在別處被修改比如 AI 剛改過會判定為沖突并保留你的本地草稿絕不會用舊內(nèi)容覆蓋新版本邊界檢查標題最長 160 字符、正文最長 10 萬字符保存請求 10 秒超時斷網(wǎng)時草稿安全保留恢復連接后手動重試這套保存狀態(tài)機集中在 autosave.ts前端鉤子在 editor/use-page-autosave.ts。進階讓 AI 專員直接讀懂你的文檔這才是 Spaces 最有價值的地方——頁面級對話在側(cè)邊欄的 Dot 設置中授予該 Dot 對目標 Space 的訪問權(quán)限打開頁面的聊天框選擇一位有權(quán)限的專員例如負責研究的 Scout服務器會為該頁面 × 該專員創(chuàng)建或復用一個 CopilotKit ThreadDot 收到當前已保存的頁面作為上下文可以在其被授權(quán)的 Space 內(nèi)讀取、創(chuàng)建和編輯頁面實用技巧 提問修訂前先保存你的手動編輯——修訂檢查會拒絕過期寫入 用對話的save-to-page操作可以把對話的歷史文字直接生成為文檔頁面會保留對來源對話的引用鏈接聊天中的頁面鏈接也能反向打開文檔工作區(qū)?? 備份要兩層都做SQLite 存頁面內(nèi)容與線程綁定對話歷史則在你的 Intelligence 項目中小結(jié)OpenDots Spaces 用三個核心能力幫你構(gòu)建可持續(xù)運轉(zhuǎn)的 AI 文檔工作區(qū)?可視化編輯器 9 種斜杠命令塊寫作零摩擦?狀態(tài)可見的自動保存 版本沖突保護草稿永不丟?頁面級 AI 對話專員攜帶真實文檔上下文工作無需復雜配置clone 后即可手動寫作接入模型服務后再讓 AI 把文檔工作區(qū)變成你的第二大腦。 延伸閱讀docs/SETUP.md配置、Slack、語音與容器部署、README.md架構(gòu)與完整功能列表、CONTRIBUTING.md參與貢獻指南【免費下載鏈接】OpenDotsYour always-on AI coworkers that move between text, calls, and Slack.項目地址: https://gitcode.com/gh_mirrors/op/OpenDots創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考