Fix tiptap selection sync and toolbar event loop
This commit is contained in:
lix-2026
@@ -0,0 +1,6 @@
|
||||
- generic [ref=e2]:
|
||||
- heading "Example Domain" [level=1] [ref=e3]
|
||||
- paragraph [ref=e4]: This domain is for use in documentation examples without needing permission. Avoid use in operations.
|
||||
- paragraph [ref=e5]:
|
||||
- link "Learn more" [ref=e6] [cursor=pointer]:
|
||||
- /url: https://iana.org/domains/example
|
||||
@@ -0,0 +1,5 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- generic [ref=e3]:
|
||||
- img [ref=e4]
|
||||
- generic [ref=e7]: Connecting...
|
||||
- alert [ref=e8]
|
||||
@@ -0,0 +1,85 @@
|
||||
- main [ref=e2]:
|
||||
- generic [ref=e3]:
|
||||
- generic [ref=e4]:
|
||||
- generic [ref=e5]: P0 / Tiptap-like 主编辑器体验
|
||||
- heading "把 Spike 收敛成能检验的最小产品页壳" [level=1] [ref=e6]
|
||||
- paragraph [ref=e7]:
|
||||
- text: 这里继续只做
|
||||
- code [ref=e8]: "8123"
|
||||
- text: 的 Leptos + Tiptap P0 体验验证，不挪动正式
|
||||
- code [ref=e9]: /documents/[id]
|
||||
- text: 主链。目标是先把 slash、toolbar、todo schema、块手柄和 reload 做成可直接看得见、点得动、能刷新保留结构的网页。
|
||||
- generic [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- generic [ref=e12]: 变更计数
|
||||
- strong [ref=e13]: "0"
|
||||
- generic [ref=e14]:
|
||||
- generic [ref=e15]: Todo Schema
|
||||
- strong [ref=e16]: pending
|
||||
- generic [ref=e17]:
|
||||
- generic [ref=e18]: Selection
|
||||
- strong [ref=e19]: 当前块：一级标题 | 行内样式：无行内样式
|
||||
- generic [ref=e20]:
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]:
|
||||
- generic [ref=e23]: 空间 / 主文档 /
|
||||
- strong [ref=e24]: Editor Baseline Reset
|
||||
- generic [ref=e25]:
|
||||
- generic [ref=e26]: 反馈：
|
||||
- strong [ref=e27]: 编辑器已准备就绪，当前内容已写入本地草稿
|
||||
- textbox "Spike 页面标题" [ref=e28]:
|
||||
- /placeholder: 给这篇页面起个标题
|
||||
- text: Leptos Tiptap 主编辑器 P0
|
||||
- generic [ref=e29]:
|
||||
- generic [ref=e30]: 输入 “/” 打开真正的最小 slash 菜单
|
||||
- generic [ref=e31]: 选中文本时会出现最小浮动工具条
|
||||
- generic [ref=e32]: Todo 现在走 taskList / taskItem，而不是占位 HTML
|
||||
- generic [ref=e33]: 把鼠标移到块左侧，点击 ⠿ 打开块菜单并拖拽重排
|
||||
- generic [ref=e34]: 本页会把 JSON 草稿写入 localStorage，刷新后不丢结构
|
||||
- generic [ref=e35]:
|
||||
- generic [ref=e36]:
|
||||
- generic [ref=e37]:
|
||||
- button "Bold" [ref=e38] [cursor=pointer]
|
||||
- button "Italic" [ref=e39] [cursor=pointer]
|
||||
- button "Strike" [ref=e40] [cursor=pointer]
|
||||
- button "Code" [ref=e41] [cursor=pointer]
|
||||
- button "Highlight" [ref=e42] [cursor=pointer]
|
||||
- button "Link" [ref=e43] [cursor=pointer]
|
||||
- button "Turn into" [ref=e45] [cursor=pointer]
|
||||
- generic [ref=e46]:
|
||||
- button "Undo" [ref=e47] [cursor=pointer]
|
||||
- button "Redo" [ref=e48] [cursor=pointer]
|
||||
- textbox [ref=e50]:
|
||||
- heading "准备接管主编辑器体验" [level=1] [ref=e51]
|
||||
- paragraph [ref=e52]:
|
||||
- text: 这页现在先只在
|
||||
- strong [ref=e53]: "8123"
|
||||
- text: 做 P0 体验收口：你可以输入
|
||||
- code [ref=e54]: /
|
||||
- text: 打开命令菜单，也可以直接试试选中文字后的浮动工具条。
|
||||
- paragraph [ref=e55]: 目标不是继续堆 runtime debug，而是先把页面做得更像可以真实检验的块编辑器。
|
||||
- list [ref=e56]:
|
||||
- listitem [ref=e57]:
|
||||
- paragraph [ref=e58]: 标题、段落、引用、代码块
|
||||
- listitem [ref=e59]:
|
||||
- paragraph [ref=e60]: 无序列表 / 有序列表 / Todo 列表
|
||||
- listitem [ref=e61]:
|
||||
- paragraph [ref=e62]: 分割线、行内样式、链接和高亮
|
||||
- paragraph [ref=e63]:
|
||||
- text: 请把光标放到这里，然后按
|
||||
- code [ref=e64]: /
|
||||
- text: 。
|
||||
- generic [ref=e65]:
|
||||
- generic [ref=e66]:
|
||||
- text: 当前 P0 边界：
|
||||
- code [ref=e67]: paragraph / heading1-3 / bullet / ordered / todo / quote / code block / divider
|
||||
- generic [ref=e68]:
|
||||
- text: 运行时扩展不再走
|
||||
- code [ref=e69]: TiptapExtension::all_enabled()
|
||||
- text: ，这里已冻结为最小集合；当前 reload 走
|
||||
- code [ref=e70]: localStorage JSON
|
||||
- text: ，块菜单支持复制、删除、turn into 与顶层拖拽。
|
||||
- group [ref=e71]:
|
||||
- generic "调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面 展开 / 收起" [ref=e72] [cursor=pointer]:
|
||||
- generic [ref=e73]: 调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面
|
||||
- generic [ref=e74]: 展开 / 收起
|
||||
@@ -0,0 +1,85 @@
|
||||
- main [ref=e2]:
|
||||
- generic [ref=e3]:
|
||||
- generic [ref=e4]:
|
||||
- generic [ref=e5]: P0 / Tiptap-like 主编辑器体验
|
||||
- heading "把 Spike 收敛成能检验的最小产品页壳" [level=1] [ref=e6]
|
||||
- paragraph [ref=e7]:
|
||||
- text: 这里继续只做
|
||||
- code [ref=e8]: "8123"
|
||||
- text: 的 Leptos + Tiptap P0 体验验证，不挪动正式
|
||||
- code [ref=e9]: /documents/[id]
|
||||
- text: 主链。目标是先把 slash、toolbar、todo schema、块手柄和 reload 做成可直接看得见、点得动、能刷新保留结构的网页。
|
||||
- generic [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- generic [ref=e12]: 变更计数
|
||||
- strong [ref=e13]: "0"
|
||||
- generic [ref=e14]:
|
||||
- generic [ref=e15]: Todo Schema
|
||||
- strong [ref=e16]: pending
|
||||
- generic [ref=e17]:
|
||||
- generic [ref=e18]: Selection
|
||||
- strong [ref=e19]: 当前块：一级标题 | 行内样式：无行内样式
|
||||
- generic [ref=e20]:
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]:
|
||||
- generic [ref=e23]: 空间 / 主文档 /
|
||||
- strong [ref=e24]: Editor Baseline Reset
|
||||
- generic [ref=e25]:
|
||||
- generic [ref=e26]: 反馈：
|
||||
- strong [ref=e27]: 编辑器已准备就绪，当前内容已写入本地草稿
|
||||
- textbox "Spike 页面标题" [ref=e28]:
|
||||
- /placeholder: 给这篇页面起个标题
|
||||
- text: Leptos Tiptap 主编辑器 P0
|
||||
- generic [ref=e29]:
|
||||
- generic [ref=e30]: 输入 “/” 打开真正的最小 slash 菜单
|
||||
- generic [ref=e31]: 选中文本时会出现最小浮动工具条
|
||||
- generic [ref=e32]: Todo 现在走 taskList / taskItem，而不是占位 HTML
|
||||
- generic [ref=e33]: 把鼠标移到块左侧，点击 ⠿ 打开块菜单并拖拽重排
|
||||
- generic [ref=e34]: 本页会把 JSON 草稿写入 localStorage，刷新后不丢结构
|
||||
- generic [ref=e35]:
|
||||
- generic [ref=e36]:
|
||||
- generic [ref=e37]:
|
||||
- button "Bold" [ref=e38] [cursor=pointer]
|
||||
- button "Italic" [ref=e39] [cursor=pointer]
|
||||
- button "Strike" [ref=e40] [cursor=pointer]
|
||||
- button "Code" [ref=e41] [cursor=pointer]
|
||||
- button "Highlight" [ref=e42] [cursor=pointer]
|
||||
- button "Link" [ref=e43] [cursor=pointer]
|
||||
- button "Turn into" [ref=e45] [cursor=pointer]
|
||||
- generic [ref=e46]:
|
||||
- button "Undo" [ref=e47] [cursor=pointer]
|
||||
- button "Redo" [ref=e48] [cursor=pointer]
|
||||
- textbox [ref=e50]:
|
||||
- heading "准备接管主编辑器体验" [level=1] [ref=e51]
|
||||
- paragraph [ref=e52]:
|
||||
- text: 这页现在先只在
|
||||
- strong [ref=e53]: "8123"
|
||||
- text: 做 P0 体验收口：你可以输入
|
||||
- code [ref=e54]: /
|
||||
- text: 打开命令菜单，也可以直接试试选中文字后的浮动工具条。
|
||||
- paragraph [ref=e55]: 目标不是继续堆 runtime debug，而是先把页面做得更像可以真实检验的块编辑器。
|
||||
- list [ref=e56]:
|
||||
- listitem [ref=e57]:
|
||||
- paragraph [ref=e58]: 标题、段落、引用、代码块
|
||||
- listitem [ref=e59]:
|
||||
- paragraph [ref=e60]: 无序列表 / 有序列表 / Todo 列表
|
||||
- listitem [ref=e61]:
|
||||
- paragraph [ref=e62]: 分割线、行内样式、链接和高亮
|
||||
- paragraph [ref=e63]:
|
||||
- text: 请把光标放到这里，然后按
|
||||
- code [ref=e64]: /
|
||||
- text: 。
|
||||
- generic [ref=e65]:
|
||||
- generic [ref=e66]:
|
||||
- text: 当前 P0 边界：
|
||||
- code [ref=e67]: paragraph / heading1-3 / bullet / ordered / todo / quote / code block / divider
|
||||
- generic [ref=e68]:
|
||||
- text: 运行时扩展不再走
|
||||
- code [ref=e69]: TiptapExtension::all_enabled()
|
||||
- text: ，这里已冻结为最小集合；当前 reload 走
|
||||
- code [ref=e70]: localStorage JSON
|
||||
- text: ，块菜单支持复制、删除、turn into 与顶层拖拽。
|
||||
- group [ref=e71]:
|
||||
- generic "调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面 展开 / 收起" [ref=e72] [cursor=pointer]:
|
||||
- generic [ref=e73]: 调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面
|
||||
- generic [ref=e74]: 展开 / 收起
|
||||
@@ -0,0 +1,232 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- alert [ref=e8]
|
||||
- generic [ref=e9]:
|
||||
- banner [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- group [ref=e12]:
|
||||
- group [ref=e13]:
|
||||
- button "Undo" [disabled] [ref=e14]:
|
||||
- img [ref=e15]
|
||||
- group [ref=e17]:
|
||||
- button "Redo" [disabled] [ref=e18]:
|
||||
- img [ref=e19]
|
||||
- separator [ref=e21]
|
||||
- button "Switch to dark mode" [ref=e22] [cursor=pointer]:
|
||||
- img [ref=e23]
|
||||
- separator [ref=e33]
|
||||
- button [ref=e34] [cursor=pointer]
|
||||
- generic [ref=e40]:
|
||||
- generic [ref=e41]:
|
||||
- paragraph [ref=e42]: Write, type '/' for commands…
|
||||
- heading "Welcome to Notion-like template sparkles emoji" [level=1] [ref=e43]:
|
||||
- text: Welcome to Notion-like template
|
||||
- img "sparkles emoji" [ref=e45]
|
||||
- blockquote [ref=e46]:
|
||||
- paragraph [ref=e47]:
|
||||
- img "love_letter emoji" [ref=e49]
|
||||
- strong [ref=e50]: Invite your colleagues to make this fun!
|
||||
- text: Just copy the URL from your browser and share it – everyone with the link can join in and collaborate in real time.
|
||||
- generic:
|
||||
- generic: John Anderson
|
||||
- paragraph [ref=e51]:
|
||||
- text: Start writing your thoughts here …
|
||||
- img "pencil2 emoji" [ref=e53]
|
||||
- text: Try some
|
||||
- strong [ref=e54]: "Markdown:"
|
||||
- paragraph [ref=e55]: /
|
||||
- code [ref=e57]: "# Headings - Lists > Quotes `Inline code`"
|
||||
- paragraph [ref=e58]:
|
||||
- text: Or type
|
||||
- code [ref=e59]: /
|
||||
- text: to open the command menu and discover blocks, formatting, and hidden features.
|
||||
- separator [ref=e61]
|
||||
- heading "Make it yours" [level=1] [ref=e62]
|
||||
- list [ref=e63]:
|
||||
- listitem [ref=e64]:
|
||||
- paragraph [ref=e65]:
|
||||
- strong [ref=e66]: Select text
|
||||
- text: "to reveal a floating toolbar:"
|
||||
- emphasis [ref=e67]: Quickly italicize,
|
||||
- emphasis [ref=e69]: color
|
||||
- emphasis [ref=e70]: ", add"
|
||||
- link "links" [ref=e71]:
|
||||
- /url: https://tiptap.dev/docs/ui-components/getting-started/overview
|
||||
- emphasis [ref=e72]: links
|
||||
- emphasis [ref=e73]:
|
||||
- text: ", or"
|
||||
- mark [ref=e74]: highlight text
|
||||
- text: just as you're used to..
|
||||
- listitem [ref=e75]:
|
||||
- paragraph [ref=e76]:
|
||||
- strong [ref=e77]: Hover near any block
|
||||
- text: to reveal the context handle
|
||||
- code [ref=e78]: ⠿
|
||||
- emphasis [ref=e79]: Click to open the context menu (duplicate, delete, reset formatting, and more) or simply drag to move your content anywhere you like!
|
||||
- listitem [ref=e80]:
|
||||
- paragraph [ref=e81]:
|
||||
- text: Mention teammates with
|
||||
- code [ref=e82]: "@"
|
||||
- text: and add some fun with emoji
|
||||
- code [ref=e83]: ":"
|
||||
- img "partying_face emoji" [ref=e85]
|
||||
- listitem [ref=e86]:
|
||||
- paragraph [ref=e87]:
|
||||
- text: Switch between
|
||||
- img "sunny emoji" [ref=e89]
|
||||
- text: light and
|
||||
- img "new_moon emoji" [ref=e91]
|
||||
- text: dark mode – whatever fits your mood.
|
||||
- img "Screenshot 2025-02-23 at 19.22.27" [ref=e96] [cursor=pointer]
|
||||
- blockquote [ref=e97]:
|
||||
- paragraph [ref=e98]:
|
||||
- strong [ref=e99]: Need a spark?
|
||||
- img "sparkles emoji" [ref=e101]
|
||||
- strong [ref=e102]
|
||||
- text: Summon the AI Assistant with
|
||||
- code [ref=e103]: /ask ai
|
||||
- text: from the context menu, or by selecting text and choosing
|
||||
- code [ref=e104]: Improve
|
||||
- text: .
|
||||
- text: Polish your writing, or try a ready-made prompt—the AI menu appears with helpful suggestions.
|
||||
- heading "white_check_mark emoji Interactive Tables Included" [level=3] [ref=e105]:
|
||||
- img "white_check_mark emoji" [ref=e107]
|
||||
- strong [ref=e108]
|
||||
- text: Interactive Tables Included
|
||||
- paragraph [ref=e109]: This template comes with the full-featured table component. Click row or column handles for sorting and formatting, use the extend buttons (+ icons) to add rows or columns, drag and drop to reorder rows, and select cells to format or merge content.
|
||||
- table [ref=e113]:
|
||||
- rowgroup [ref=e119]:
|
||||
- row "Name Role Department Location" [ref=e120]:
|
||||
- columnheader "Name" [ref=e121]:
|
||||
- paragraph [ref=e122]: Name
|
||||
- columnheader "Role" [ref=e123]:
|
||||
- paragraph [ref=e124]: Role
|
||||
- columnheader "Department" [ref=e125]:
|
||||
- paragraph [ref=e126]: Department
|
||||
- columnheader "Location" [ref=e127]:
|
||||
- paragraph [ref=e128]: Location
|
||||
- row "Alice Johnson Senior Developer Engineering San Francisco" [ref=e129]:
|
||||
- cell "Alice Johnson" [ref=e130]:
|
||||
- paragraph [ref=e131]: Alice Johnson
|
||||
- cell "Senior Developer" [ref=e132]:
|
||||
- paragraph [ref=e133]: Senior Developer
|
||||
- cell "Engineering" [ref=e134]:
|
||||
- paragraph [ref=e135]: Engineering
|
||||
- cell "San Francisco" [ref=e136]:
|
||||
- paragraph [ref=e137]: San Francisco
|
||||
- row "Bob Smith Product Manager Product New York" [ref=e138]:
|
||||
- cell "Bob Smith" [ref=e139]:
|
||||
- paragraph [ref=e140]: Bob Smith
|
||||
- cell "Product Manager" [ref=e141]:
|
||||
- paragraph [ref=e142]: Product Manager
|
||||
- cell "Product" [ref=e143]:
|
||||
- paragraph [ref=e144]: Product
|
||||
- cell "New York" [ref=e145]:
|
||||
- paragraph [ref=e146]: New York
|
||||
- row "Carol White UX Designer Design London" [ref=e147]:
|
||||
- cell "Carol White" [ref=e148]:
|
||||
- paragraph [ref=e149]: Carol White
|
||||
- cell "UX Designer" [ref=e150]:
|
||||
- paragraph [ref=e151]: UX Designer
|
||||
- cell "Design" [ref=e152]:
|
||||
- paragraph [ref=e153]: Design
|
||||
- cell "London" [ref=e154]:
|
||||
- paragraph [ref=e155]: London
|
||||
- row "David Chen Data Analyst Analytics Remote" [ref=e156]:
|
||||
- cell "David Chen" [ref=e157]:
|
||||
- paragraph [ref=e158]: David Chen
|
||||
- cell "Data Analyst" [ref=e159]:
|
||||
- paragraph [ref=e160]: Data Analyst
|
||||
- cell "Analytics" [ref=e161]:
|
||||
- paragraph [ref=e162]: Analytics
|
||||
- cell "Remote" [ref=e163]:
|
||||
- paragraph [ref=e164]: Remote
|
||||
- heading "Table of Content" [level=2] [ref=e165]
|
||||
- generic [ref=e167]:
|
||||
- generic [ref=e168]: Table of contents
|
||||
- navigation "Table of contents" [ref=e169]:
|
||||
- link "Welcome to Notion-like template" [ref=e170] [cursor=pointer]:
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours" [ref=e171] [cursor=pointer]:
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included" [ref=e172] [cursor=pointer]:
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content" [ref=e173] [cursor=pointer]:
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist" [ref=e174] [cursor=pointer]:
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart" [ref=e175] [cursor=pointer]:
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description" [ref=e176] [cursor=pointer]:
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S." [ref=e177] [cursor=pointer]:
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
- heading "Checklist" [level=2] [ref=e178]
|
||||
- list [ref=e179]:
|
||||
- listitem [ref=e180]:
|
||||
- generic [ref=e181]:
|
||||
- checkbox "Task item checkbox for Read up to this point" [checked]
|
||||
- paragraph [ref=e184]: Read up to this point
|
||||
- listitem [ref=e185]:
|
||||
- generic [ref=e186]:
|
||||
- checkbox "Task item checkbox for Try a slash command"
|
||||
- paragraph [ref=e189]: Try a slash command
|
||||
- listitem [ref=e190]:
|
||||
- generic [ref=e191]:
|
||||
- checkbox "Task item checkbox for Mention someone"
|
||||
- paragraph [ref=e194]: Mention someone
|
||||
- listitem [ref=e195]:
|
||||
- generic [ref=e196]:
|
||||
- checkbox "Task item checkbox for Use the floating toolbar"
|
||||
- paragraph [ref=e199]: Use the floating toolbar
|
||||
- listitem [ref=e200]:
|
||||
- generic [ref=e201]:
|
||||
- checkbox "Task item checkbox for Add a color highlight"
|
||||
- paragraph [ref=e204]: Add a color highlight
|
||||
- listitem [ref=e205]:
|
||||
- generic [ref=e206]:
|
||||
- checkbox "Task item checkbox for Explore the context menu & drag blocks"
|
||||
- paragraph [ref=e209]: Explore the context menu & drag blocks
|
||||
- listitem [ref=e210]:
|
||||
- generic [ref=e211]:
|
||||
- checkbox "Task item checkbox for Ask the AI for help"
|
||||
- paragraph [ref=e214]: Ask the AI for help
|
||||
- separator [ref=e216]
|
||||
- heading "Developer quickstart" [level=1] [ref=e217]
|
||||
- paragraph [ref=e218]: "Ready to build your own editor? Just run:"
|
||||
- code [ref=e220]: npx @tiptap/cli init
|
||||
- blockquote [ref=e221]:
|
||||
- paragraph [ref=e222]:
|
||||
- strong [ref=e223]: Did you know?
|
||||
- text: Many features here are powered by open-source Tiptap UI Components. Some advanced tools – like the AI Assistant, advanced color palettes, or context menus – are exclusive to paid users.
|
||||
- text: Unlock even more possibilities by
|
||||
- link "upgrading your plan" [ref=e224]:
|
||||
- /url: https://tiptap.dev/pricing
|
||||
- text: "!"
|
||||
- heading "Short description" [level=3] [ref=e225]
|
||||
- list [ref=e226]:
|
||||
- listitem [ref=e227]:
|
||||
- paragraph [ref=e228]: Content blocks = Node Components
|
||||
- listitem [ref=e229]:
|
||||
- paragraph [ref=e230]: Toolbars, menus, and buttons = UI Components
|
||||
- separator [ref=e232]
|
||||
- heading "P.S." [level=2] [ref=e233]
|
||||
- paragraph [ref=e234]: You’re using the Notion-like template, available for paid users.
|
||||
- generic [ref=e236]:
|
||||
- navigation "Table of contents":
|
||||
- generic:
|
||||
- link "Welcome to Notion-like template":
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours":
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included":
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content":
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist":
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart":
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description":
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S.":
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
@@ -0,0 +1,85 @@
|
||||
- main [ref=e2]:
|
||||
- generic [ref=e3]:
|
||||
- generic [ref=e4]:
|
||||
- generic [ref=e5]: P0 / Tiptap-like 主编辑器体验
|
||||
- heading "把 Spike 收敛成能检验的最小产品页壳" [level=1] [ref=e6]
|
||||
- paragraph [ref=e7]:
|
||||
- text: 这里继续只做
|
||||
- code [ref=e8]: "8123"
|
||||
- text: 的 Leptos + Tiptap P0 体验验证，不挪动正式
|
||||
- code [ref=e9]: /documents/[id]
|
||||
- text: 主链。目标是先把 slash、toolbar、todo schema、块手柄和 reload 做成可直接看得见、点得动、能刷新保留结构的网页。
|
||||
- generic [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- generic [ref=e12]: 变更计数
|
||||
- strong [ref=e13]: "0"
|
||||
- generic [ref=e14]:
|
||||
- generic [ref=e15]: Todo Schema
|
||||
- strong [ref=e16]: pending
|
||||
- generic [ref=e17]:
|
||||
- generic [ref=e18]: Selection
|
||||
- strong [ref=e19]: 当前块：一级标题 | 行内样式：无行内样式
|
||||
- generic [ref=e20]:
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]:
|
||||
- generic [ref=e23]: 空间 / 主文档 /
|
||||
- strong [ref=e24]: Editor Baseline Reset
|
||||
- generic [ref=e25]:
|
||||
- generic [ref=e26]: 反馈：
|
||||
- strong [ref=e27]: 编辑器已准备就绪，当前内容已写入本地草稿
|
||||
- textbox "Spike 页面标题" [ref=e28]:
|
||||
- /placeholder: 给这篇页面起个标题
|
||||
- text: Leptos Tiptap 主编辑器 P0
|
||||
- generic [ref=e29]:
|
||||
- generic [ref=e30]: 输入 “/” 打开真正的最小 slash 菜单
|
||||
- generic [ref=e31]: 选中文本时会出现最小浮动工具条
|
||||
- generic [ref=e32]: Todo 现在走 taskList / taskItem，而不是占位 HTML
|
||||
- generic [ref=e33]: 把鼠标移到块左侧，点击 ⠿ 打开块菜单并拖拽重排
|
||||
- generic [ref=e34]: 本页会把 JSON 草稿写入 localStorage，刷新后不丢结构
|
||||
- generic [ref=e35]:
|
||||
- generic [ref=e36]:
|
||||
- generic [ref=e37]:
|
||||
- button "Bold" [ref=e38] [cursor=pointer]
|
||||
- button "Italic" [ref=e39] [cursor=pointer]
|
||||
- button "Strike" [ref=e40] [cursor=pointer]
|
||||
- button "Code" [ref=e41] [cursor=pointer]
|
||||
- button "Highlight" [ref=e42] [cursor=pointer]
|
||||
- button "Link" [ref=e43] [cursor=pointer]
|
||||
- button "Turn into" [ref=e45] [cursor=pointer]
|
||||
- generic [ref=e46]:
|
||||
- button "Undo" [ref=e47] [cursor=pointer]
|
||||
- button "Redo" [ref=e48] [cursor=pointer]
|
||||
- textbox [ref=e50]:
|
||||
- heading "准备接管主编辑器体验" [level=1] [ref=e51]
|
||||
- paragraph [ref=e52]:
|
||||
- text: 这页现在先只在
|
||||
- strong [ref=e53]: "8123"
|
||||
- text: 做 P0 体验收口：你可以输入
|
||||
- code [ref=e54]: /
|
||||
- text: 打开命令菜单，也可以直接试试选中文字后的浮动工具条。
|
||||
- paragraph [ref=e55]: 目标不是继续堆 runtime debug，而是先把页面做得更像可以真实检验的块编辑器。
|
||||
- list [ref=e56]:
|
||||
- listitem [ref=e57]:
|
||||
- paragraph [ref=e58]: 标题、段落、引用、代码块
|
||||
- listitem [ref=e59]:
|
||||
- paragraph [ref=e60]: 无序列表 / 有序列表 / Todo 列表
|
||||
- listitem [ref=e61]:
|
||||
- paragraph [ref=e62]: 分割线、行内样式、链接和高亮
|
||||
- paragraph [ref=e63]:
|
||||
- text: 请把光标放到这里，然后按
|
||||
- code [ref=e64]: /
|
||||
- text: 。
|
||||
- generic [ref=e65]:
|
||||
- generic [ref=e66]:
|
||||
- text: 当前 P0 边界：
|
||||
- code [ref=e67]: paragraph / heading1-3 / bullet / ordered / todo / quote / code block / divider
|
||||
- generic [ref=e68]:
|
||||
- text: 运行时扩展不再走
|
||||
- code [ref=e69]: TiptapExtension::all_enabled()
|
||||
- text: ，这里已冻结为最小集合；当前 reload 走
|
||||
- code [ref=e70]: localStorage JSON
|
||||
- text: ，块菜单支持复制、删除、turn into 与顶层拖拽。
|
||||
- group [ref=e71]:
|
||||
- generic "调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面 展开 / 收起" [ref=e72] [cursor=pointer]:
|
||||
- generic [ref=e73]: 调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面
|
||||
- generic [ref=e74]: 展开 / 收起
|
||||
@@ -0,0 +1,232 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- alert [ref=e8]
|
||||
- generic [ref=e9]:
|
||||
- banner [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- group [ref=e12]:
|
||||
- group [ref=e13]:
|
||||
- button "Undo" [disabled] [ref=e14]:
|
||||
- img [ref=e15]
|
||||
- group [ref=e17]:
|
||||
- button "Redo" [disabled] [ref=e18]:
|
||||
- img [ref=e19]
|
||||
- separator [ref=e21]
|
||||
- button "Switch to dark mode" [ref=e22] [cursor=pointer]:
|
||||
- img [ref=e23]
|
||||
- separator [ref=e33]
|
||||
- button [ref=e34] [cursor=pointer]
|
||||
- generic [ref=e40]:
|
||||
- generic [ref=e41]:
|
||||
- paragraph [ref=e42]: Write, type '/' for commands…
|
||||
- heading "Welcome to Notion-like template sparkles emoji" [level=1] [ref=e43]:
|
||||
- text: Welcome to Notion-like template
|
||||
- img "sparkles emoji" [ref=e45]
|
||||
- blockquote [ref=e46]:
|
||||
- paragraph [ref=e47]:
|
||||
- img "love_letter emoji" [ref=e49]
|
||||
- strong [ref=e50]: Invite your colleagues to make this fun!
|
||||
- text: Just copy the URL from your browser and share it – everyone with the link can join in and collaborate in real time.
|
||||
- generic:
|
||||
- generic: John Anderson
|
||||
- paragraph [ref=e51]:
|
||||
- text: Start writing your thoughts here …
|
||||
- img "pencil2 emoji" [ref=e53]
|
||||
- text: Try some
|
||||
- strong [ref=e54]: "Markdown:"
|
||||
- paragraph [ref=e55]: /
|
||||
- code [ref=e57]: "# Headings - Lists > Quotes `Inline code`"
|
||||
- paragraph [ref=e58]:
|
||||
- text: Or type
|
||||
- code [ref=e59]: /
|
||||
- text: to open the command menu and discover blocks, formatting, and hidden features.
|
||||
- separator [ref=e61]
|
||||
- heading "Make it yours" [level=1] [ref=e62]
|
||||
- list [ref=e63]:
|
||||
- listitem [ref=e64]:
|
||||
- paragraph [ref=e65]:
|
||||
- strong [ref=e66]: Select text
|
||||
- text: "to reveal a floating toolbar:"
|
||||
- emphasis [ref=e67]: Quickly italicize,
|
||||
- emphasis [ref=e69]: color
|
||||
- emphasis [ref=e70]: ", add"
|
||||
- link "links" [ref=e71]:
|
||||
- /url: https://tiptap.dev/docs/ui-components/getting-started/overview
|
||||
- emphasis [ref=e72]: links
|
||||
- emphasis [ref=e73]:
|
||||
- text: ", or"
|
||||
- mark [ref=e74]: highlight text
|
||||
- text: just as you're used to..
|
||||
- listitem [ref=e75]:
|
||||
- paragraph [ref=e76]:
|
||||
- strong [ref=e77]: Hover near any block
|
||||
- text: to reveal the context handle
|
||||
- code [ref=e78]: ⠿
|
||||
- emphasis [ref=e79]: Click to open the context menu (duplicate, delete, reset formatting, and more) or simply drag to move your content anywhere you like!
|
||||
- listitem [ref=e80]:
|
||||
- paragraph [ref=e81]:
|
||||
- text: Mention teammates with
|
||||
- code [ref=e82]: "@"
|
||||
- text: and add some fun with emoji
|
||||
- code [ref=e83]: ":"
|
||||
- img "partying_face emoji" [ref=e85]
|
||||
- listitem [ref=e86]:
|
||||
- paragraph [ref=e87]:
|
||||
- text: Switch between
|
||||
- img "sunny emoji" [ref=e89]
|
||||
- text: light and
|
||||
- img "new_moon emoji" [ref=e91]
|
||||
- text: dark mode – whatever fits your mood.
|
||||
- img "Screenshot 2025-02-23 at 19.22.27" [ref=e96] [cursor=pointer]
|
||||
- blockquote [ref=e97]:
|
||||
- paragraph [ref=e98]:
|
||||
- strong [ref=e99]: Need a spark?
|
||||
- img "sparkles emoji" [ref=e101]
|
||||
- strong [ref=e102]
|
||||
- text: Summon the AI Assistant with
|
||||
- code [ref=e103]: /ask ai
|
||||
- text: from the context menu, or by selecting text and choosing
|
||||
- code [ref=e104]: Improve
|
||||
- text: .
|
||||
- text: Polish your writing, or try a ready-made prompt—the AI menu appears with helpful suggestions.
|
||||
- heading "white_check_mark emoji Interactive Tables Included" [level=3] [ref=e105]:
|
||||
- img "white_check_mark emoji" [ref=e107]
|
||||
- strong [ref=e108]
|
||||
- text: Interactive Tables Included
|
||||
- paragraph [ref=e109]: This template comes with the full-featured table component. Click row or column handles for sorting and formatting, use the extend buttons (+ icons) to add rows or columns, drag and drop to reorder rows, and select cells to format or merge content.
|
||||
- table [ref=e113]:
|
||||
- rowgroup [ref=e119]:
|
||||
- row "Name Role Department Location" [ref=e120]:
|
||||
- columnheader "Name" [ref=e121]:
|
||||
- paragraph [ref=e122]: Name
|
||||
- columnheader "Role" [ref=e123]:
|
||||
- paragraph [ref=e124]: Role
|
||||
- columnheader "Department" [ref=e125]:
|
||||
- paragraph [ref=e126]: Department
|
||||
- columnheader "Location" [ref=e127]:
|
||||
- paragraph [ref=e128]: Location
|
||||
- row "Alice Johnson Senior Developer Engineering San Francisco" [ref=e129]:
|
||||
- cell "Alice Johnson" [ref=e130]:
|
||||
- paragraph [ref=e131]: Alice Johnson
|
||||
- cell "Senior Developer" [ref=e132]:
|
||||
- paragraph [ref=e133]: Senior Developer
|
||||
- cell "Engineering" [ref=e134]:
|
||||
- paragraph [ref=e135]: Engineering
|
||||
- cell "San Francisco" [ref=e136]:
|
||||
- paragraph [ref=e137]: San Francisco
|
||||
- row "Bob Smith Product Manager Product New York" [ref=e138]:
|
||||
- cell "Bob Smith" [ref=e139]:
|
||||
- paragraph [ref=e140]: Bob Smith
|
||||
- cell "Product Manager" [ref=e141]:
|
||||
- paragraph [ref=e142]: Product Manager
|
||||
- cell "Product" [ref=e143]:
|
||||
- paragraph [ref=e144]: Product
|
||||
- cell "New York" [ref=e145]:
|
||||
- paragraph [ref=e146]: New York
|
||||
- row "Carol White UX Designer Design London" [ref=e147]:
|
||||
- cell "Carol White" [ref=e148]:
|
||||
- paragraph [ref=e149]: Carol White
|
||||
- cell "UX Designer" [ref=e150]:
|
||||
- paragraph [ref=e151]: UX Designer
|
||||
- cell "Design" [ref=e152]:
|
||||
- paragraph [ref=e153]: Design
|
||||
- cell "London" [ref=e154]:
|
||||
- paragraph [ref=e155]: London
|
||||
- row "David Chen Data Analyst Analytics Remote" [ref=e156]:
|
||||
- cell "David Chen" [ref=e157]:
|
||||
- paragraph [ref=e158]: David Chen
|
||||
- cell "Data Analyst" [ref=e159]:
|
||||
- paragraph [ref=e160]: Data Analyst
|
||||
- cell "Analytics" [ref=e161]:
|
||||
- paragraph [ref=e162]: Analytics
|
||||
- cell "Remote" [ref=e163]:
|
||||
- paragraph [ref=e164]: Remote
|
||||
- heading "Table of Content" [level=2] [ref=e165]
|
||||
- generic [ref=e167]:
|
||||
- generic [ref=e168]: Table of contents
|
||||
- navigation "Table of contents" [ref=e169]:
|
||||
- link "Welcome to Notion-like template" [ref=e170] [cursor=pointer]:
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours" [ref=e171] [cursor=pointer]:
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included" [ref=e172] [cursor=pointer]:
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content" [ref=e173] [cursor=pointer]:
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist" [ref=e174] [cursor=pointer]:
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart" [ref=e175] [cursor=pointer]:
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description" [ref=e176] [cursor=pointer]:
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S." [ref=e177] [cursor=pointer]:
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
- heading "Checklist" [level=2] [ref=e178]
|
||||
- list [ref=e179]:
|
||||
- listitem [ref=e246]:
|
||||
- generic [ref=e247]:
|
||||
- checkbox "Task item checkbox for Read up to this point" [checked]
|
||||
- paragraph [ref=e250]: Read up to this point
|
||||
- listitem [ref=e251]:
|
||||
- generic [ref=e252]:
|
||||
- checkbox "Task item checkbox for Try a slash command"
|
||||
- paragraph [ref=e255]: Try a slash command
|
||||
- listitem [ref=e256]:
|
||||
- generic [ref=e257]:
|
||||
- checkbox "Task item checkbox for Mention someone"
|
||||
- paragraph [ref=e260]: Mention someone
|
||||
- listitem [ref=e261]:
|
||||
- generic [ref=e262]:
|
||||
- checkbox "Task item checkbox for Use the floating toolbar"
|
||||
- paragraph [ref=e265]: Use the floating toolbar
|
||||
- listitem [ref=e266]:
|
||||
- generic [ref=e267]:
|
||||
- checkbox "Task item checkbox for Add a color highlight"
|
||||
- paragraph [ref=e270]: Add a color highlight
|
||||
- listitem [ref=e271]:
|
||||
- generic [ref=e272]:
|
||||
- checkbox "Task item checkbox for Explore the context menu & drag blocks"
|
||||
- paragraph [ref=e275]: Explore the context menu & drag blocks
|
||||
- listitem [ref=e276]:
|
||||
- generic [ref=e277]:
|
||||
- checkbox "Task item checkbox for Ask the AI for help"
|
||||
- paragraph [ref=e280]: Ask the AI for help
|
||||
- separator [ref=e216]
|
||||
- heading "Developer quickstart" [level=1] [ref=e217]
|
||||
- paragraph [ref=e218]: "Ready to build your own editor? Just run:"
|
||||
- code [ref=e220]: npx @tiptap/cli init
|
||||
- blockquote [ref=e221]:
|
||||
- paragraph [ref=e222]:
|
||||
- strong [ref=e223]: Did you know?
|
||||
- text: Many features here are powered by open-source Tiptap UI Components. Some advanced tools – like the AI Assistant, advanced color palettes, or context menus – are exclusive to paid users.
|
||||
- text: Unlock even more possibilities by
|
||||
- link "upgrading your plan" [ref=e224]:
|
||||
- /url: https://tiptap.dev/pricing
|
||||
- text: "!"
|
||||
- heading "Short description" [level=3] [ref=e225]
|
||||
- list [ref=e226]:
|
||||
- listitem [ref=e227]:
|
||||
- paragraph [ref=e228]: Content blocks = Node Components
|
||||
- listitem [ref=e229]:
|
||||
- paragraph [ref=e230]: Toolbars, menus, and buttons = UI Components
|
||||
- separator [ref=e232]
|
||||
- heading "P.S." [level=2] [ref=e233]
|
||||
- paragraph [ref=e234]: You’re using the Notion-like template, available for paid users.
|
||||
- generic [ref=e236]:
|
||||
- navigation "Table of contents":
|
||||
- generic:
|
||||
- link "Welcome to Notion-like template":
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours":
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included":
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content":
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist":
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart":
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description":
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S.":
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
@@ -0,0 +1,85 @@
|
||||
- main [ref=e2]:
|
||||
- generic [ref=e3]:
|
||||
- generic [ref=e4]:
|
||||
- generic [ref=e5]: P0 / Tiptap-like 主编辑器体验
|
||||
- heading "把 Spike 收敛成能检验的最小产品页壳" [level=1] [ref=e6]
|
||||
- paragraph [ref=e7]:
|
||||
- text: 这里继续只做
|
||||
- code [ref=e8]: "8123"
|
||||
- text: 的 Leptos + Tiptap P0 体验验证，不挪动正式
|
||||
- code [ref=e9]: /documents/[id]
|
||||
- text: 主链。目标是先把 slash、toolbar、todo schema、块手柄和 reload 做成可直接看得见、点得动、能刷新保留结构的网页。
|
||||
- generic [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- generic [ref=e12]: 变更计数
|
||||
- strong [ref=e13]: "0"
|
||||
- generic [ref=e14]:
|
||||
- generic [ref=e15]: Todo Schema
|
||||
- strong [ref=e16]: pending
|
||||
- generic [ref=e17]:
|
||||
- generic [ref=e18]: Selection
|
||||
- strong [ref=e19]: 当前块：一级标题 | 行内样式：无行内样式
|
||||
- generic [ref=e20]:
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]:
|
||||
- generic [ref=e23]: 空间 / 主文档 /
|
||||
- strong [ref=e24]: Editor Baseline Reset
|
||||
- generic [ref=e25]:
|
||||
- generic [ref=e26]: 反馈：
|
||||
- strong [ref=e27]: 编辑器已准备就绪，当前内容已写入本地草稿
|
||||
- textbox "Spike 页面标题" [ref=e28]:
|
||||
- /placeholder: 给这篇页面起个标题
|
||||
- text: Leptos Tiptap 主编辑器 P0
|
||||
- generic [ref=e29]:
|
||||
- generic [ref=e30]: 输入 “/” 打开真正的最小 slash 菜单
|
||||
- generic [ref=e31]: 选中文本时会出现最小浮动工具条
|
||||
- generic [ref=e32]: Todo 现在走 taskList / taskItem，而不是占位 HTML
|
||||
- generic [ref=e33]: 把鼠标移到块左侧，点击 ⠿ 打开块菜单并拖拽重排
|
||||
- generic [ref=e34]: 本页会把 JSON 草稿写入 localStorage，刷新后不丢结构
|
||||
- generic [ref=e35]:
|
||||
- generic [ref=e36]:
|
||||
- generic [ref=e37]:
|
||||
- button "Bold" [ref=e38] [cursor=pointer]
|
||||
- button "Italic" [ref=e39] [cursor=pointer]
|
||||
- button "Strike" [ref=e40] [cursor=pointer]
|
||||
- button "Code" [ref=e41] [cursor=pointer]
|
||||
- button "Highlight" [ref=e42] [cursor=pointer]
|
||||
- button "Link" [ref=e43] [cursor=pointer]
|
||||
- button "Turn into" [ref=e45] [cursor=pointer]
|
||||
- generic [ref=e46]:
|
||||
- button "Undo" [ref=e47] [cursor=pointer]
|
||||
- button "Redo" [ref=e48] [cursor=pointer]
|
||||
- textbox [ref=e50]:
|
||||
- heading "准备接管主编辑器体验" [level=1] [ref=e51]
|
||||
- paragraph [ref=e52]:
|
||||
- text: 这页现在先只在
|
||||
- strong [ref=e53]: "8123"
|
||||
- text: 做 P0 体验收口：你可以输入
|
||||
- code [ref=e54]: /
|
||||
- text: 打开命令菜单，也可以直接试试选中文字后的浮动工具条。
|
||||
- paragraph [ref=e55]: 目标不是继续堆 runtime debug，而是先把页面做得更像可以真实检验的块编辑器。
|
||||
- list [ref=e56]:
|
||||
- listitem [ref=e57]:
|
||||
- paragraph [ref=e58]: 标题、段落、引用、代码块
|
||||
- listitem [ref=e59]:
|
||||
- paragraph [ref=e60]: 无序列表 / 有序列表 / Todo 列表
|
||||
- listitem [ref=e61]:
|
||||
- paragraph [ref=e62]: 分割线、行内样式、链接和高亮
|
||||
- paragraph [ref=e63]:
|
||||
- text: 请把光标放到这里，然后按
|
||||
- code [ref=e64]: /
|
||||
- text: 。
|
||||
- generic [ref=e65]:
|
||||
- generic [ref=e66]:
|
||||
- text: 当前 P0 边界：
|
||||
- code [ref=e67]: paragraph / heading1-3 / bullet / ordered / todo / quote / code block / divider
|
||||
- generic [ref=e68]:
|
||||
- text: 运行时扩展不再走
|
||||
- code [ref=e69]: TiptapExtension::all_enabled()
|
||||
- text: ，这里已冻结为最小集合；当前 reload 走
|
||||
- code [ref=e70]: localStorage JSON
|
||||
- text: ，块菜单支持复制、删除、turn into 与顶层拖拽。
|
||||
- group [ref=e71]:
|
||||
- generic "调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面 展开 / 收起" [ref=e72] [cursor=pointer]:
|
||||
- generic [ref=e73]: 调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面
|
||||
- generic [ref=e74]: 展开 / 收起
|
||||
@@ -0,0 +1,262 @@
|
||||
- generic [ref=e1]:
|
||||
- alert [ref=e8]
|
||||
- generic [ref=e9]:
|
||||
- banner [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- group [ref=e12]:
|
||||
- group [ref=e13]:
|
||||
- button "Undo" [ref=e14] [cursor=pointer]:
|
||||
- img [ref=e15]
|
||||
- group [ref=e17]:
|
||||
- button "Redo" [disabled] [ref=e18]:
|
||||
- img [ref=e19]
|
||||
- separator [ref=e21]
|
||||
- button "Switch to dark mode" [ref=e22] [cursor=pointer]:
|
||||
- img [ref=e23]
|
||||
- separator [ref=e33]
|
||||
- button [ref=e34] [cursor=pointer]
|
||||
- generic [ref=e40]:
|
||||
- generic [active] [ref=e41]:
|
||||
- paragraph [ref=e42]
|
||||
- heading "Welcome to Notion-like template sparkles emoji" [level=1] [ref=e43]:
|
||||
- text: Welcome to Notion-like template
|
||||
- img "sparkles emoji" [ref=e45]
|
||||
- blockquote [ref=e46]:
|
||||
- paragraph [ref=e47]:
|
||||
- img "love_letter emoji" [ref=e49]
|
||||
- strong [ref=e50]: Invite your colleagues to make this fun!
|
||||
- text: Just copy the URL from your browser and share it – everyone with the link can join in and collaborate in real time.
|
||||
- generic:
|
||||
- generic: John Anderson
|
||||
- paragraph [ref=e51]:
|
||||
- text: Start writing your thoughts here …
|
||||
- img "pencil2 emoji" [ref=e53]
|
||||
- text: Try some
|
||||
- strong [ref=e54]: "Markdown:"
|
||||
- paragraph [ref=e285]: /
|
||||
- paragraph [ref=e55]: /
|
||||
- code [ref=e57]: "# Headings - Lists > Quotes `Inline code`"
|
||||
- paragraph [ref=e58]:
|
||||
- text: Or type
|
||||
- code [ref=e59]: /
|
||||
- text: to open the command menu and discover blocks, formatting, and hidden features.
|
||||
- separator [ref=e61]
|
||||
- heading "Make it yours" [level=1] [ref=e62]
|
||||
- list [ref=e63]:
|
||||
- listitem [ref=e64]:
|
||||
- paragraph [ref=e65]:
|
||||
- strong [ref=e66]: Select text
|
||||
- text: "to reveal a floating toolbar:"
|
||||
- emphasis [ref=e67]: Quickly italicize,
|
||||
- emphasis [ref=e69]: color
|
||||
- emphasis [ref=e70]: ", add"
|
||||
- link "links" [ref=e71]:
|
||||
- /url: https://tiptap.dev/docs/ui-components/getting-started/overview
|
||||
- emphasis [ref=e72]: links
|
||||
- emphasis [ref=e73]:
|
||||
- text: ", or"
|
||||
- mark [ref=e74]: highlight text
|
||||
- text: just as you're used to..
|
||||
- listitem [ref=e75]:
|
||||
- paragraph [ref=e76]:
|
||||
- strong [ref=e77]: Hover near any block
|
||||
- text: to reveal the context handle
|
||||
- code [ref=e78]: ⠿
|
||||
- emphasis [ref=e79]: Click to open the context menu (duplicate, delete, reset formatting, and more) or simply drag to move your content anywhere you like!
|
||||
- listitem [ref=e80]:
|
||||
- paragraph [ref=e81]:
|
||||
- text: Mention teammates with
|
||||
- code [ref=e82]: "@"
|
||||
- text: and add some fun with emoji
|
||||
- code [ref=e83]: ":"
|
||||
- img "partying_face emoji" [ref=e85]
|
||||
- listitem [ref=e86]:
|
||||
- paragraph [ref=e87]:
|
||||
- text: Switch between
|
||||
- img "sunny emoji" [ref=e89]
|
||||
- text: light and
|
||||
- img "new_moon emoji" [ref=e91]
|
||||
- text: dark mode – whatever fits your mood.
|
||||
- img "Screenshot 2025-02-23 at 19.22.27" [ref=e96] [cursor=pointer]
|
||||
- blockquote [ref=e97]:
|
||||
- paragraph [ref=e98]:
|
||||
- strong [ref=e99]: Need a spark?
|
||||
- img "sparkles emoji" [ref=e101]
|
||||
- strong [ref=e102]
|
||||
- text: Summon the AI Assistant with
|
||||
- code [ref=e103]: /ask ai
|
||||
- text: from the context menu, or by selecting text and choosing
|
||||
- code [ref=e104]: Improve
|
||||
- text: .
|
||||
- text: Polish your writing, or try a ready-made prompt—the AI menu appears with helpful suggestions.
|
||||
- heading "white_check_mark emoji Interactive Tables Included" [level=3] [ref=e105]:
|
||||
- img "white_check_mark emoji" [ref=e107]
|
||||
- strong [ref=e108]
|
||||
- text: Interactive Tables Included
|
||||
- paragraph [ref=e109]: This template comes with the full-featured table component. Click row or column handles for sorting and formatting, use the extend buttons (+ icons) to add rows or columns, drag and drop to reorder rows, and select cells to format or merge content.
|
||||
- table [ref=e113]:
|
||||
- rowgroup [ref=e119]:
|
||||
- row "Name Role Department Location" [ref=e120]:
|
||||
- columnheader "Name" [ref=e121]:
|
||||
- paragraph [ref=e122]: Name
|
||||
- columnheader "Role" [ref=e123]:
|
||||
- paragraph [ref=e124]: Role
|
||||
- columnheader "Department" [ref=e125]:
|
||||
- paragraph [ref=e126]: Department
|
||||
- columnheader "Location" [ref=e127]:
|
||||
- paragraph [ref=e128]: Location
|
||||
- row "Alice Johnson Senior Developer Engineering San Francisco" [ref=e129]:
|
||||
- cell "Alice Johnson" [ref=e130]:
|
||||
- paragraph [ref=e131]: Alice Johnson
|
||||
- cell "Senior Developer" [ref=e132]:
|
||||
- paragraph [ref=e133]: Senior Developer
|
||||
- cell "Engineering" [ref=e134]:
|
||||
- paragraph [ref=e135]: Engineering
|
||||
- cell "San Francisco" [ref=e136]:
|
||||
- paragraph [ref=e137]: San Francisco
|
||||
- row "Bob Smith Product Manager Product New York" [ref=e138]:
|
||||
- cell "Bob Smith" [ref=e139]:
|
||||
- paragraph [ref=e140]: Bob Smith
|
||||
- cell "Product Manager" [ref=e141]:
|
||||
- paragraph [ref=e142]: Product Manager
|
||||
- cell "Product" [ref=e143]:
|
||||
- paragraph [ref=e144]: Product
|
||||
- cell "New York" [ref=e145]:
|
||||
- paragraph [ref=e146]: New York
|
||||
- row "Carol White UX Designer Design London" [ref=e147]:
|
||||
- cell "Carol White" [ref=e148]:
|
||||
- paragraph [ref=e149]: Carol White
|
||||
- cell "UX Designer" [ref=e150]:
|
||||
- paragraph [ref=e151]: UX Designer
|
||||
- cell "Design" [ref=e152]:
|
||||
- paragraph [ref=e153]: Design
|
||||
- cell "London" [ref=e154]:
|
||||
- paragraph [ref=e155]: London
|
||||
- row "David Chen Data Analyst Analytics Remote" [ref=e156]:
|
||||
- cell "David Chen" [ref=e157]:
|
||||
- paragraph [ref=e158]: David Chen
|
||||
- cell "Data Analyst" [ref=e159]:
|
||||
- paragraph [ref=e160]: Data Analyst
|
||||
- cell "Analytics" [ref=e161]:
|
||||
- paragraph [ref=e162]: Analytics
|
||||
- cell "Remote" [ref=e163]:
|
||||
- paragraph [ref=e164]: Remote
|
||||
- heading "Table of Content" [level=2] [ref=e165]
|
||||
- generic [ref=e167]:
|
||||
- generic [ref=e168]: Table of contents
|
||||
- navigation "Table of contents" [ref=e169]:
|
||||
- link "Welcome to Notion-like template" [ref=e170] [cursor=pointer]:
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours" [ref=e171] [cursor=pointer]:
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included" [ref=e172] [cursor=pointer]:
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content" [ref=e173] [cursor=pointer]:
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist" [ref=e174] [cursor=pointer]:
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart" [ref=e175] [cursor=pointer]:
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description" [ref=e176] [cursor=pointer]:
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S." [ref=e177] [cursor=pointer]:
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
- heading "Checklist" [level=2] [ref=e178]
|
||||
- list [ref=e179]:
|
||||
- listitem [ref=e246]:
|
||||
- generic [ref=e247]:
|
||||
- checkbox "Task item checkbox for Read up to this point" [checked]
|
||||
- paragraph [ref=e250]: Read up to this point
|
||||
- listitem [ref=e251]:
|
||||
- generic [ref=e252]:
|
||||
- checkbox "Task item checkbox for Try a slash command"
|
||||
- paragraph [ref=e255]: Try a slash command
|
||||
- listitem [ref=e256]:
|
||||
- generic [ref=e257]:
|
||||
- checkbox "Task item checkbox for Mention someone"
|
||||
- paragraph [ref=e260]: Mention someone
|
||||
- listitem [ref=e261]:
|
||||
- generic [ref=e262]:
|
||||
- checkbox "Task item checkbox for Use the floating toolbar"
|
||||
- paragraph [ref=e265]: Use the floating toolbar
|
||||
- listitem [ref=e266]:
|
||||
- generic [ref=e267]:
|
||||
- checkbox "Task item checkbox for Add a color highlight"
|
||||
- paragraph [ref=e270]: Add a color highlight
|
||||
- listitem [ref=e271]:
|
||||
- generic [ref=e272]:
|
||||
- checkbox "Task item checkbox for Explore the context menu & drag blocks"
|
||||
- paragraph [ref=e275]: Explore the context menu & drag blocks
|
||||
- listitem [ref=e276]:
|
||||
- generic [ref=e277]:
|
||||
- checkbox "Task item checkbox for Ask the AI for help"
|
||||
- paragraph [ref=e280]: Ask the AI for help
|
||||
- separator [ref=e216]
|
||||
- heading "Developer quickstart" [level=1] [ref=e217]
|
||||
- paragraph [ref=e218]: "Ready to build your own editor? Just run:"
|
||||
- code [ref=e220]: npx @tiptap/cli init
|
||||
- blockquote [ref=e221]:
|
||||
- paragraph [ref=e222]:
|
||||
- strong [ref=e223]: Did you know?
|
||||
- text: Many features here are powered by open-source Tiptap UI Components. Some advanced tools – like the AI Assistant, advanced color palettes, or context menus – are exclusive to paid users.
|
||||
- text: Unlock even more possibilities by
|
||||
- link "upgrading your plan" [ref=e224]:
|
||||
- /url: https://tiptap.dev/pricing
|
||||
- text: "!"
|
||||
- heading "Short description" [level=3] [ref=e225]
|
||||
- list [ref=e226]:
|
||||
- listitem [ref=e227]:
|
||||
- paragraph [ref=e228]: Content blocks = Node Components
|
||||
- listitem [ref=e229]:
|
||||
- paragraph [ref=e230]: Toolbars, menus, and buttons = UI Components
|
||||
- separator [ref=e232]
|
||||
- heading "P.S." [level=2] [ref=e233]
|
||||
- paragraph [ref=e234]: You’re using the Notion-like template, available for paid users.
|
||||
- toolbar "toolbar" [ref=e414]:
|
||||
- group [ref=e415]:
|
||||
- button "Improve" [ref=e416] [cursor=pointer]:
|
||||
- img [ref=e417]
|
||||
- generic [ref=e420]: Improve
|
||||
- group [ref=e421]:
|
||||
- 'button "Turn into (current: Text)" [ref=e422] [cursor=pointer]':
|
||||
- generic [ref=e423]: Text
|
||||
- img [ref=e424]
|
||||
- group [ref=e426]:
|
||||
- button "Bold" [ref=e427] [cursor=pointer]:
|
||||
- img [ref=e428]
|
||||
- button "Italic" [ref=e430] [cursor=pointer]:
|
||||
- img [ref=e431]
|
||||
- button "Underline" [ref=e433] [cursor=pointer]:
|
||||
- img [ref=e434]
|
||||
- button "Strike" [ref=e436] [cursor=pointer]:
|
||||
- img [ref=e437]
|
||||
- button "Code" [ref=e440] [cursor=pointer]:
|
||||
- img [ref=e441]
|
||||
- group [ref=e445]:
|
||||
- button "Link" [ref=e446] [cursor=pointer]:
|
||||
- img [ref=e447]
|
||||
- button "Text color" [ref=e450] [cursor=pointer]:
|
||||
- img [ref=e452]
|
||||
- img [ref=e454]
|
||||
- group [ref=e456]:
|
||||
- button [ref=e457] [cursor=pointer]:
|
||||
- img [ref=e458]
|
||||
- generic [ref=e236]:
|
||||
- navigation "Table of contents":
|
||||
- generic:
|
||||
- link "Welcome to Notion-like template":
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours":
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included":
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content":
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist":
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart":
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description":
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S.":
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
@@ -0,0 +1,280 @@
|
||||
- generic [ref=e1]:
|
||||
- alert [ref=e8]
|
||||
- generic [ref=e9]:
|
||||
- banner [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- group [ref=e12]:
|
||||
- group [ref=e13]:
|
||||
- button "Undo" [ref=e14] [cursor=pointer]:
|
||||
- img [ref=e15]
|
||||
- group [ref=e17]:
|
||||
- button "Redo" [disabled] [ref=e18]:
|
||||
- img [ref=e19]
|
||||
- separator [ref=e21]
|
||||
- button "Switch to dark mode" [ref=e22] [cursor=pointer]:
|
||||
- img [ref=e23]
|
||||
- separator [ref=e33]
|
||||
- button [ref=e34] [cursor=pointer]
|
||||
- generic [ref=e40]:
|
||||
- generic [ref=e41]:
|
||||
- paragraph [ref=e42]
|
||||
- heading "Welcome to Notion-like template sparkles emoji" [level=1] [ref=e43]:
|
||||
- text: Welcome to Notion-like template
|
||||
- img "sparkles emoji" [ref=e45]
|
||||
- blockquote [ref=e46]:
|
||||
- paragraph [ref=e47]:
|
||||
- img "love_letter emoji" [ref=e49]
|
||||
- strong [ref=e50]: Invite your colleagues to make this fun!
|
||||
- text: Just copy the URL from your browser and share it – everyone with the link can join in and collaborate in real time.
|
||||
- generic:
|
||||
- generic: John Anderson
|
||||
- paragraph [ref=e51]:
|
||||
- text: Start writing your thoughts here …
|
||||
- img "pencil2 emoji" [ref=e53]
|
||||
- text: Try some
|
||||
- strong [ref=e54]: "Markdown:"
|
||||
- paragraph [ref=e285]: /
|
||||
- paragraph [ref=e55]: /
|
||||
- code [ref=e57]: "# Headings - Lists > Quotes `Inline code`"
|
||||
- paragraph [ref=e58]:
|
||||
- text: Or type
|
||||
- code [ref=e59]: /
|
||||
- text: to open the command menu and discover blocks, formatting, and hidden features.
|
||||
- separator [ref=e61]
|
||||
- heading "Make it yours" [level=1] [ref=e62]
|
||||
- list [ref=e63]:
|
||||
- listitem [ref=e64]:
|
||||
- paragraph [ref=e65]:
|
||||
- strong [ref=e66]: Select text
|
||||
- text: "to reveal a floating toolbar:"
|
||||
- emphasis [ref=e67]: Quickly italicize,
|
||||
- emphasis [ref=e69]: color
|
||||
- emphasis [ref=e70]: ", add"
|
||||
- link "links" [ref=e71]:
|
||||
- /url: https://tiptap.dev/docs/ui-components/getting-started/overview
|
||||
- emphasis [ref=e72]: links
|
||||
- emphasis [ref=e73]:
|
||||
- text: ", or"
|
||||
- mark [ref=e74]: highlight text
|
||||
- text: just as you're used to..
|
||||
- listitem [ref=e75]:
|
||||
- paragraph [ref=e76]:
|
||||
- strong [ref=e77]: Hover near any block
|
||||
- text: to reveal the context handle
|
||||
- code [ref=e78]: ⠿
|
||||
- emphasis [ref=e79]: Click to open the context menu (duplicate, delete, reset formatting, and more) or simply drag to move your content anywhere you like!
|
||||
- listitem [ref=e80]:
|
||||
- paragraph [ref=e81]:
|
||||
- text: Mention teammates with
|
||||
- code [ref=e82]: "@"
|
||||
- text: and add some fun with emoji
|
||||
- code [ref=e83]: ":"
|
||||
- img "partying_face emoji" [ref=e85]
|
||||
- listitem [ref=e86]:
|
||||
- paragraph [ref=e87]:
|
||||
- text: Switch between
|
||||
- img "sunny emoji" [ref=e89]
|
||||
- text: light and
|
||||
- img "new_moon emoji" [ref=e91]
|
||||
- text: dark mode – whatever fits your mood.
|
||||
- img "Screenshot 2025-02-23 at 19.22.27" [ref=e96] [cursor=pointer]
|
||||
- blockquote [ref=e97]:
|
||||
- paragraph [ref=e98]:
|
||||
- strong [ref=e99]: Need a spark?
|
||||
- img "sparkles emoji" [ref=e101]
|
||||
- strong [ref=e102]
|
||||
- text: Summon the AI Assistant with
|
||||
- code [ref=e103]: /ask ai
|
||||
- text: from the context menu, or by selecting text and choosing
|
||||
- code [ref=e104]: Improve
|
||||
- text: .
|
||||
- text: Polish your writing, or try a ready-made prompt—the AI menu appears with helpful suggestions.
|
||||
- heading "white_check_mark emoji Interactive Tables Included" [level=3] [ref=e105]:
|
||||
- img "white_check_mark emoji" [ref=e107]
|
||||
- strong [ref=e108]
|
||||
- text: Interactive Tables Included
|
||||
- paragraph [ref=e109]: This template comes with the full-featured table component. Click row or column handles for sorting and formatting, use the extend buttons (+ icons) to add rows or columns, drag and drop to reorder rows, and select cells to format or merge content.
|
||||
- table [ref=e113]:
|
||||
- rowgroup [ref=e119]:
|
||||
- row "Name Role Department Location" [ref=e120]:
|
||||
- columnheader "Name" [ref=e121]:
|
||||
- paragraph [ref=e122]: Name
|
||||
- columnheader "Role" [ref=e123]:
|
||||
- paragraph [ref=e124]: Role
|
||||
- columnheader "Department" [ref=e125]:
|
||||
- paragraph [ref=e126]: Department
|
||||
- columnheader "Location" [ref=e127]:
|
||||
- paragraph [ref=e128]: Location
|
||||
- row "Alice Johnson Senior Developer Engineering San Francisco" [ref=e129]:
|
||||
- cell "Alice Johnson" [ref=e130]:
|
||||
- paragraph [ref=e131]: Alice Johnson
|
||||
- cell "Senior Developer" [ref=e132]:
|
||||
- paragraph [ref=e133]: Senior Developer
|
||||
- cell "Engineering" [ref=e134]:
|
||||
- paragraph [ref=e135]: Engineering
|
||||
- cell "San Francisco" [ref=e136]:
|
||||
- paragraph [ref=e137]: San Francisco
|
||||
- row "Bob Smith Product Manager Product New York" [ref=e138]:
|
||||
- cell "Bob Smith" [ref=e139]:
|
||||
- paragraph [ref=e140]: Bob Smith
|
||||
- cell "Product Manager" [ref=e141]:
|
||||
- paragraph [ref=e142]: Product Manager
|
||||
- cell "Product" [ref=e143]:
|
||||
- paragraph [ref=e144]: Product
|
||||
- cell "New York" [ref=e145]:
|
||||
- paragraph [ref=e146]: New York
|
||||
- row "Carol White UX Designer Design London" [ref=e147]:
|
||||
- cell "Carol White" [ref=e148]:
|
||||
- paragraph [ref=e149]: Carol White
|
||||
- cell "UX Designer" [ref=e150]:
|
||||
- paragraph [ref=e151]: UX Designer
|
||||
- cell "Design" [ref=e152]:
|
||||
- paragraph [ref=e153]: Design
|
||||
- cell "London" [ref=e154]:
|
||||
- paragraph [ref=e155]: London
|
||||
- row "David Chen Data Analyst Analytics Remote" [ref=e156]:
|
||||
- cell "David Chen" [ref=e157]:
|
||||
- paragraph [ref=e158]: David Chen
|
||||
- cell "Data Analyst" [ref=e159]:
|
||||
- paragraph [ref=e160]: Data Analyst
|
||||
- cell "Analytics" [ref=e161]:
|
||||
- paragraph [ref=e162]: Analytics
|
||||
- cell "Remote" [ref=e163]:
|
||||
- paragraph [ref=e164]: Remote
|
||||
- heading "Table of Content" [level=2] [ref=e165]
|
||||
- generic [ref=e167]:
|
||||
- generic [ref=e168]: Table of contents
|
||||
- navigation "Table of contents" [ref=e169]:
|
||||
- link "Welcome to Notion-like template" [ref=e170] [cursor=pointer]:
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours" [ref=e171] [cursor=pointer]:
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included" [ref=e172] [cursor=pointer]:
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content" [ref=e173] [cursor=pointer]:
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist" [ref=e174] [cursor=pointer]:
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart" [ref=e175] [cursor=pointer]:
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description" [ref=e176] [cursor=pointer]:
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S." [ref=e177] [cursor=pointer]:
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
- heading "Checklist" [level=2] [ref=e178]
|
||||
- list [ref=e179]:
|
||||
- listitem [ref=e246]:
|
||||
- generic [ref=e247]:
|
||||
- checkbox "Task item checkbox for Read up to this point" [checked]
|
||||
- paragraph [ref=e250]: Read up to this point
|
||||
- listitem [ref=e251]:
|
||||
- generic [ref=e252]:
|
||||
- checkbox "Task item checkbox for Try a slash command"
|
||||
- paragraph [ref=e255]: Try a slash command
|
||||
- listitem [ref=e256]:
|
||||
- generic [ref=e257]:
|
||||
- checkbox "Task item checkbox for Mention someone"
|
||||
- paragraph [ref=e260]: Mention someone
|
||||
- listitem [ref=e261]:
|
||||
- generic [ref=e262]:
|
||||
- checkbox "Task item checkbox for Use the floating toolbar"
|
||||
- paragraph [ref=e265]: Use the floating toolbar
|
||||
- listitem [ref=e266]:
|
||||
- generic [ref=e267]:
|
||||
- checkbox "Task item checkbox for Add a color highlight"
|
||||
- paragraph [ref=e270]: Add a color highlight
|
||||
- listitem [ref=e271]:
|
||||
- generic [ref=e272]:
|
||||
- checkbox "Task item checkbox for Explore the context menu & drag blocks"
|
||||
- paragraph [ref=e275]: Explore the context menu & drag blocks
|
||||
- listitem [ref=e276]:
|
||||
- generic [ref=e277]:
|
||||
- checkbox "Task item checkbox for Ask the AI for help"
|
||||
- paragraph [ref=e280]: Ask the AI for help
|
||||
- separator [ref=e216]
|
||||
- heading "Developer quickstart" [level=1] [ref=e217]
|
||||
- paragraph [ref=e218]: "Ready to build your own editor? Just run:"
|
||||
- code [ref=e220]: npx @tiptap/cli init
|
||||
- blockquote [ref=e221]:
|
||||
- paragraph [ref=e222]:
|
||||
- strong [ref=e223]: Did you know?
|
||||
- text: Many features here are powered by open-source Tiptap UI Components. Some advanced tools – like the AI Assistant, advanced color palettes, or context menus – are exclusive to paid users.
|
||||
- text: Unlock even more possibilities by
|
||||
- link "upgrading your plan" [ref=e224]:
|
||||
- /url: https://tiptap.dev/pricing
|
||||
- text: "!"
|
||||
- heading "Short description" [level=3] [ref=e225]
|
||||
- list [ref=e226]:
|
||||
- listitem [ref=e227]:
|
||||
- paragraph [ref=e228]: Content blocks = Node Components
|
||||
- listitem [ref=e229]:
|
||||
- paragraph [ref=e230]: Toolbars, menus, and buttons = UI Components
|
||||
- separator [ref=e232]
|
||||
- heading "P.S." [level=2] [ref=e233]
|
||||
- paragraph [ref=e234]: You’re using the Notion-like template, available for paid users.
|
||||
- generic [ref=e287]:
|
||||
- button "Insert block" [ref=e288] [cursor=pointer]:
|
||||
- img [ref=e289]
|
||||
- button [expanded]:
|
||||
- img
|
||||
- dialog [ref=e467]:
|
||||
- combobox [expanded] [active] [ref=e468]
|
||||
- listbox [ref=e469]:
|
||||
- generic [ref=e470]: Text
|
||||
- group [ref=e471]:
|
||||
- option "Color" [ref=e472] [cursor=pointer]:
|
||||
- img [ref=e473]
|
||||
- generic [ref=e476]: Color
|
||||
- img [ref=e477]
|
||||
- option "Turn Into" [ref=e479] [cursor=pointer]:
|
||||
- img [ref=e480]
|
||||
- generic [ref=e482]: Turn Into
|
||||
- img [ref=e483]
|
||||
- option "Reset formatting" [ref=e485] [cursor=pointer]:
|
||||
- img [ref=e486]
|
||||
- generic [ref=e488]: Reset formatting
|
||||
- separator [ref=e489]
|
||||
- group [ref=e490]:
|
||||
- option "Duplicate node ModD" [ref=e491] [cursor=pointer]:
|
||||
- img [ref=e492]
|
||||
- generic [ref=e495]: Duplicate node
|
||||
- generic [ref=e496]: ModD
|
||||
- option "Copy to clipboard ModC" [ref=e497] [cursor=pointer]:
|
||||
- img [ref=e498]
|
||||
- generic [ref=e500]: Copy to clipboard
|
||||
- generic [ref=e501]: ModC
|
||||
- option "Copy anchor link ModCtrlL" [ref=e502] [cursor=pointer]:
|
||||
- img [ref=e503]
|
||||
- generic [ref=e506]: Copy anchor link
|
||||
- generic [ref=e507]: ModCtrlL
|
||||
- separator [ref=e508]
|
||||
- group [ref=e509]:
|
||||
- option "Ask AI ModJ" [ref=e510] [cursor=pointer]:
|
||||
- img [ref=e511]
|
||||
- generic [ref=e514]: Ask AI
|
||||
- generic [ref=e515]: ModJ
|
||||
- separator [ref=e516]
|
||||
- group [ref=e517]:
|
||||
- option "Delete Backspace" [ref=e518] [cursor=pointer]:
|
||||
- img [ref=e519]
|
||||
- generic [ref=e521]: Delete
|
||||
- generic [ref=e522]: Backspace
|
||||
- generic [ref=e236]:
|
||||
- navigation "Table of contents":
|
||||
- generic:
|
||||
- link "Welcome to Notion-like template":
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours":
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included":
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content":
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist":
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart":
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description":
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S.":
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
@@ -0,0 +1,280 @@
|
||||
- generic [ref=e1]:
|
||||
- alert [ref=e8]
|
||||
- generic [ref=e9]:
|
||||
- banner [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- group [ref=e12]:
|
||||
- group [ref=e13]:
|
||||
- button "Undo" [ref=e14] [cursor=pointer]:
|
||||
- img [ref=e15]
|
||||
- group [ref=e17]:
|
||||
- button "Redo" [disabled] [ref=e18]:
|
||||
- img [ref=e19]
|
||||
- separator [ref=e21]
|
||||
- button "Switch to dark mode" [ref=e22] [cursor=pointer]:
|
||||
- img [ref=e23]
|
||||
- separator [ref=e33]
|
||||
- button [ref=e34] [cursor=pointer]
|
||||
- generic [ref=e40]:
|
||||
- generic [ref=e41]:
|
||||
- paragraph [ref=e42]
|
||||
- heading "Welcome to Notion-like template sparkles emoji" [level=1] [ref=e43]:
|
||||
- text: Welcome to Notion-like template
|
||||
- img "sparkles emoji" [ref=e45]
|
||||
- blockquote [ref=e46]:
|
||||
- paragraph [ref=e47]:
|
||||
- img "love_letter emoji" [ref=e49]
|
||||
- strong [ref=e50]: Invite your colleagues to make this fun!
|
||||
- text: Just copy the URL from your browser and share it – everyone with the link can join in and collaborate in real time.
|
||||
- generic:
|
||||
- generic: John Anderson
|
||||
- paragraph [ref=e51]:
|
||||
- text: Start writing your thoughts here …
|
||||
- img "pencil2 emoji" [ref=e53]
|
||||
- text: Try some
|
||||
- strong [ref=e54]: "Markdown:"
|
||||
- paragraph [ref=e285]: /
|
||||
- paragraph [ref=e55]: /
|
||||
- code [ref=e57]: "# Headings - Lists > Quotes `Inline code`"
|
||||
- paragraph [ref=e58]:
|
||||
- text: Or type
|
||||
- code [ref=e59]: /
|
||||
- text: to open the command menu and discover blocks, formatting, and hidden features.
|
||||
- separator [ref=e61]
|
||||
- heading "Make it yours" [level=1] [ref=e62]
|
||||
- list [ref=e63]:
|
||||
- listitem [ref=e64]:
|
||||
- paragraph [ref=e65]:
|
||||
- strong [ref=e66]: Select text
|
||||
- text: "to reveal a floating toolbar:"
|
||||
- emphasis [ref=e67]: Quickly italicize,
|
||||
- emphasis [ref=e69]: color
|
||||
- emphasis [ref=e70]: ", add"
|
||||
- link "links" [ref=e71]:
|
||||
- /url: https://tiptap.dev/docs/ui-components/getting-started/overview
|
||||
- emphasis [ref=e72]: links
|
||||
- emphasis [ref=e73]:
|
||||
- text: ", or"
|
||||
- mark [ref=e74]: highlight text
|
||||
- text: just as you're used to..
|
||||
- listitem [ref=e75]:
|
||||
- paragraph [ref=e76]:
|
||||
- strong [ref=e77]: Hover near any block
|
||||
- text: to reveal the context handle
|
||||
- code [ref=e78]: ⠿
|
||||
- emphasis [ref=e79]: Click to open the context menu (duplicate, delete, reset formatting, and more) or simply drag to move your content anywhere you like!
|
||||
- listitem [ref=e80]:
|
||||
- paragraph [ref=e81]:
|
||||
- text: Mention teammates with
|
||||
- code [ref=e82]: "@"
|
||||
- text: and add some fun with emoji
|
||||
- code [ref=e83]: ":"
|
||||
- img "partying_face emoji" [ref=e85]
|
||||
- listitem [ref=e86]:
|
||||
- paragraph [ref=e87]:
|
||||
- text: Switch between
|
||||
- img "sunny emoji" [ref=e89]
|
||||
- text: light and
|
||||
- img "new_moon emoji" [ref=e91]
|
||||
- text: dark mode – whatever fits your mood.
|
||||
- img "Screenshot 2025-02-23 at 19.22.27" [ref=e96] [cursor=pointer]
|
||||
- blockquote [ref=e97]:
|
||||
- paragraph [ref=e98]:
|
||||
- strong [ref=e99]: Need a spark?
|
||||
- img "sparkles emoji" [ref=e101]
|
||||
- strong [ref=e102]
|
||||
- text: Summon the AI Assistant with
|
||||
- code [ref=e103]: /ask ai
|
||||
- text: from the context menu, or by selecting text and choosing
|
||||
- code [ref=e104]: Improve
|
||||
- text: .
|
||||
- text: Polish your writing, or try a ready-made prompt—the AI menu appears with helpful suggestions.
|
||||
- heading "white_check_mark emoji Interactive Tables Included" [level=3] [ref=e105]:
|
||||
- img "white_check_mark emoji" [ref=e107]
|
||||
- strong [ref=e108]
|
||||
- text: Interactive Tables Included
|
||||
- paragraph [ref=e109]: This template comes with the full-featured table component. Click row or column handles for sorting and formatting, use the extend buttons (+ icons) to add rows or columns, drag and drop to reorder rows, and select cells to format or merge content.
|
||||
- table [ref=e113]:
|
||||
- rowgroup [ref=e119]:
|
||||
- row "Name Role Department Location" [ref=e120]:
|
||||
- columnheader "Name" [ref=e121]:
|
||||
- paragraph [ref=e122]: Name
|
||||
- columnheader "Role" [ref=e123]:
|
||||
- paragraph [ref=e124]: Role
|
||||
- columnheader "Department" [ref=e125]:
|
||||
- paragraph [ref=e126]: Department
|
||||
- columnheader "Location" [ref=e127]:
|
||||
- paragraph [ref=e128]: Location
|
||||
- row "Alice Johnson Senior Developer Engineering San Francisco" [ref=e129]:
|
||||
- cell "Alice Johnson" [ref=e130]:
|
||||
- paragraph [ref=e131]: Alice Johnson
|
||||
- cell "Senior Developer" [ref=e132]:
|
||||
- paragraph [ref=e133]: Senior Developer
|
||||
- cell "Engineering" [ref=e134]:
|
||||
- paragraph [ref=e135]: Engineering
|
||||
- cell "San Francisco" [ref=e136]:
|
||||
- paragraph [ref=e137]: San Francisco
|
||||
- row "Bob Smith Product Manager Product New York" [ref=e138]:
|
||||
- cell "Bob Smith" [ref=e139]:
|
||||
- paragraph [ref=e140]: Bob Smith
|
||||
- cell "Product Manager" [ref=e141]:
|
||||
- paragraph [ref=e142]: Product Manager
|
||||
- cell "Product" [ref=e143]:
|
||||
- paragraph [ref=e144]: Product
|
||||
- cell "New York" [ref=e145]:
|
||||
- paragraph [ref=e146]: New York
|
||||
- row "Carol White UX Designer Design London" [ref=e147]:
|
||||
- cell "Carol White" [ref=e148]:
|
||||
- paragraph [ref=e149]: Carol White
|
||||
- cell "UX Designer" [ref=e150]:
|
||||
- paragraph [ref=e151]: UX Designer
|
||||
- cell "Design" [ref=e152]:
|
||||
- paragraph [ref=e153]: Design
|
||||
- cell "London" [ref=e154]:
|
||||
- paragraph [ref=e155]: London
|
||||
- row "David Chen Data Analyst Analytics Remote" [ref=e156]:
|
||||
- cell "David Chen" [ref=e157]:
|
||||
- paragraph [ref=e158]: David Chen
|
||||
- cell "Data Analyst" [ref=e159]:
|
||||
- paragraph [ref=e160]: Data Analyst
|
||||
- cell "Analytics" [ref=e161]:
|
||||
- paragraph [ref=e162]: Analytics
|
||||
- cell "Remote" [ref=e163]:
|
||||
- paragraph [ref=e164]: Remote
|
||||
- heading "Table of Content" [level=2] [ref=e165]
|
||||
- generic [ref=e167]:
|
||||
- generic [ref=e168]: Table of contents
|
||||
- navigation "Table of contents" [ref=e169]:
|
||||
- link "Welcome to Notion-like template" [ref=e170] [cursor=pointer]:
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours" [ref=e171] [cursor=pointer]:
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included" [ref=e172] [cursor=pointer]:
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content" [ref=e173] [cursor=pointer]:
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist" [ref=e174] [cursor=pointer]:
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart" [ref=e175] [cursor=pointer]:
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description" [ref=e176] [cursor=pointer]:
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S." [ref=e177] [cursor=pointer]:
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
- heading "Checklist" [level=2] [ref=e178]
|
||||
- list [ref=e179]:
|
||||
- listitem [ref=e246]:
|
||||
- generic [ref=e247]:
|
||||
- checkbox "Task item checkbox for Read up to this point" [checked]
|
||||
- paragraph [ref=e250]: Read up to this point
|
||||
- listitem [ref=e251]:
|
||||
- generic [ref=e252]:
|
||||
- checkbox "Task item checkbox for Try a slash command"
|
||||
- paragraph [ref=e255]: Try a slash command
|
||||
- listitem [ref=e256]:
|
||||
- generic [ref=e257]:
|
||||
- checkbox "Task item checkbox for Mention someone"
|
||||
- paragraph [ref=e260]: Mention someone
|
||||
- listitem [ref=e261]:
|
||||
- generic [ref=e262]:
|
||||
- checkbox "Task item checkbox for Use the floating toolbar"
|
||||
- paragraph [ref=e265]: Use the floating toolbar
|
||||
- listitem [ref=e266]:
|
||||
- generic [ref=e267]:
|
||||
- checkbox "Task item checkbox for Add a color highlight"
|
||||
- paragraph [ref=e270]: Add a color highlight
|
||||
- listitem [ref=e271]:
|
||||
- generic [ref=e272]:
|
||||
- checkbox "Task item checkbox for Explore the context menu & drag blocks"
|
||||
- paragraph [ref=e275]: Explore the context menu & drag blocks
|
||||
- listitem [ref=e276]:
|
||||
- generic [ref=e277]:
|
||||
- checkbox "Task item checkbox for Ask the AI for help"
|
||||
- paragraph [ref=e280]: Ask the AI for help
|
||||
- separator [ref=e216]
|
||||
- heading "Developer quickstart" [level=1] [ref=e217]
|
||||
- paragraph [ref=e218]: "Ready to build your own editor? Just run:"
|
||||
- code [ref=e220]: npx @tiptap/cli init
|
||||
- blockquote [ref=e221]:
|
||||
- paragraph [ref=e222]:
|
||||
- strong [ref=e223]: Did you know?
|
||||
- text: Many features here are powered by open-source Tiptap UI Components. Some advanced tools – like the AI Assistant, advanced color palettes, or context menus – are exclusive to paid users.
|
||||
- text: Unlock even more possibilities by
|
||||
- link "upgrading your plan" [ref=e224]:
|
||||
- /url: https://tiptap.dev/pricing
|
||||
- text: "!"
|
||||
- heading "Short description" [level=3] [ref=e225]
|
||||
- list [ref=e226]:
|
||||
- listitem [ref=e227]:
|
||||
- paragraph [ref=e228]: Content blocks = Node Components
|
||||
- listitem [ref=e229]:
|
||||
- paragraph [ref=e230]: Toolbars, menus, and buttons = UI Components
|
||||
- separator [ref=e232]
|
||||
- heading "P.S." [level=2] [ref=e233]
|
||||
- paragraph [ref=e234]: You’re using the Notion-like template, available for paid users.
|
||||
- generic [ref=e287]:
|
||||
- button "Insert block" [ref=e288] [cursor=pointer]:
|
||||
- img [ref=e289]
|
||||
- button [expanded]:
|
||||
- img
|
||||
- dialog [ref=e467]:
|
||||
- combobox [expanded] [active] [ref=e468]
|
||||
- listbox [ref=e469]:
|
||||
- generic [ref=e470]: Text
|
||||
- group [ref=e471]:
|
||||
- option "Color" [ref=e472] [cursor=pointer]:
|
||||
- img [ref=e473]
|
||||
- generic [ref=e476]: Color
|
||||
- img [ref=e477]
|
||||
- option "Turn Into" [ref=e479] [cursor=pointer]:
|
||||
- img [ref=e480]
|
||||
- generic [ref=e482]: Turn Into
|
||||
- img [ref=e483]
|
||||
- option "Reset formatting" [ref=e485] [cursor=pointer]:
|
||||
- img [ref=e486]
|
||||
- generic [ref=e488]: Reset formatting
|
||||
- separator [ref=e489]
|
||||
- group [ref=e490]:
|
||||
- option "Duplicate node ModD" [ref=e491] [cursor=pointer]:
|
||||
- img [ref=e492]
|
||||
- generic [ref=e495]: Duplicate node
|
||||
- generic [ref=e496]: ModD
|
||||
- option "Copy to clipboard ModC" [ref=e497] [cursor=pointer]:
|
||||
- img [ref=e498]
|
||||
- generic [ref=e500]: Copy to clipboard
|
||||
- generic [ref=e501]: ModC
|
||||
- option "Copy anchor link ModCtrlL" [ref=e502] [cursor=pointer]:
|
||||
- img [ref=e503]
|
||||
- generic [ref=e506]: Copy anchor link
|
||||
- generic [ref=e507]: ModCtrlL
|
||||
- separator [ref=e508]
|
||||
- group [ref=e509]:
|
||||
- option "Ask AI ModJ" [ref=e510] [cursor=pointer]:
|
||||
- img [ref=e511]
|
||||
- generic [ref=e514]: Ask AI
|
||||
- generic [ref=e515]: ModJ
|
||||
- separator [ref=e516]
|
||||
- group [ref=e517]:
|
||||
- option "Delete Backspace" [ref=e518] [cursor=pointer]:
|
||||
- img [ref=e519]
|
||||
- generic [ref=e521]: Delete
|
||||
- generic [ref=e522]: Backspace
|
||||
- generic [ref=e236]:
|
||||
- navigation "Table of contents":
|
||||
- generic:
|
||||
- link "Welcome to Notion-like template":
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours":
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included":
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content":
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist":
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart":
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description":
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S.":
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
@@ -0,0 +1,72 @@
|
||||
- main [ref=e2]:
|
||||
- generic [ref=e3]:
|
||||
- generic [ref=e4]:
|
||||
- generic [ref=e5]: P0 / Tiptap-like 主编辑器体验
|
||||
- heading "把 Spike 收敛成能检验的最小产品页壳" [level=1] [ref=e6]
|
||||
- paragraph [ref=e7]:
|
||||
- text: 这里继续只做
|
||||
- code [ref=e8]: "8123"
|
||||
- text: 的 Leptos + Tiptap P0 体验验证，不挪动正式
|
||||
- code [ref=e9]: /documents/[id]
|
||||
- text: 主链。目标是先把 slash、toolbar、todo schema、块手柄和 reload 做成可直接看得见、点得动、能刷新保留结构的网页。
|
||||
- generic [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- generic [ref=e12]: 变更计数
|
||||
- strong [ref=e13]: "0"
|
||||
- generic [ref=e14]:
|
||||
- generic [ref=e15]: Todo Schema
|
||||
- strong [ref=e16]: pending
|
||||
- generic [ref=e17]:
|
||||
- generic [ref=e18]: Selection
|
||||
- strong [ref=e19]: 当前块：一级标题 | 行内样式：无行内样式
|
||||
- generic [ref=e20]:
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]:
|
||||
- generic [ref=e23]: 空间 / 主文档 /
|
||||
- strong [ref=e24]: Editor Baseline Reset
|
||||
- generic [ref=e25]:
|
||||
- generic [ref=e26]: 反馈：
|
||||
- strong [ref=e27]: 编辑器已准备就绪，当前内容已写入本地草稿
|
||||
- textbox "Spike 页面标题" [ref=e28]:
|
||||
- /placeholder: 给这篇页面起个标题
|
||||
- text: Leptos Tiptap 主编辑器 P0
|
||||
- generic [ref=e29]:
|
||||
- generic [ref=e30]: 输入 “/” 打开真正的最小 slash 菜单
|
||||
- generic [ref=e31]: 选中文本时会出现最小浮动工具条
|
||||
- generic [ref=e32]: Todo 现在走 taskList / taskItem，而不是占位 HTML
|
||||
- generic [ref=e33]: 把鼠标移到块左侧，点击 ⠿ 打开块菜单并拖拽重排
|
||||
- generic [ref=e34]: 本页会把 JSON 草稿写入 localStorage，刷新后不丢结构
|
||||
- textbox [ref=e37]:
|
||||
- heading "准备接管主编辑器体验" [level=1] [ref=e38]
|
||||
- paragraph [ref=e39]:
|
||||
- text: 这页现在先只在
|
||||
- strong [ref=e40]: "8123"
|
||||
- text: 做 P0 体验收口：你可以输入
|
||||
- code [ref=e41]: /
|
||||
- text: 打开命令菜单，也可以直接试试选中文字后的浮动工具条。
|
||||
- paragraph [ref=e42]: 目标不是继续堆 runtime debug，而是先把页面做得更像可以真实检验的块编辑器。
|
||||
- list [ref=e43]:
|
||||
- listitem [ref=e44]:
|
||||
- paragraph [ref=e45]: 标题、段落、引用、代码块
|
||||
- listitem [ref=e46]:
|
||||
- paragraph [ref=e47]: 无序列表 / 有序列表 / Todo 列表
|
||||
- listitem [ref=e48]:
|
||||
- paragraph [ref=e49]: 分割线、行内样式、链接和高亮
|
||||
- paragraph [ref=e50]:
|
||||
- text: 请把光标放到这里，然后按
|
||||
- code [ref=e51]: /
|
||||
- text: 。
|
||||
- generic [ref=e52]:
|
||||
- generic [ref=e53]:
|
||||
- text: 当前 P0 边界：
|
||||
- code [ref=e54]: paragraph / heading1-3 / bullet / ordered / todo / quote / code block / divider
|
||||
- generic [ref=e55]:
|
||||
- text: 运行时扩展不再走
|
||||
- code [ref=e56]: TiptapExtension::all_enabled()
|
||||
- text: ，这里已冻结为最小集合；当前 reload 走
|
||||
- code [ref=e57]: localStorage JSON
|
||||
- text: ，块菜单支持复制、删除、turn into 与顶层拖拽。
|
||||
- group [ref=e58]:
|
||||
- generic "调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面 展开 / 收起" [ref=e59] [cursor=pointer]:
|
||||
- generic [ref=e60]: 调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面
|
||||
- generic [ref=e61]: 展开 / 收起
|
||||
@@ -0,0 +1,5 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- generic [ref=e3]:
|
||||
- img [ref=e4]
|
||||
- generic [ref=e7]: Connecting...
|
||||
- alert [ref=e8]
|
||||
@@ -0,0 +1,77 @@
|
||||
- main [ref=e2]:
|
||||
- generic [ref=e3]:
|
||||
- generic [ref=e4]:
|
||||
- generic [ref=e5]: P0 / Tiptap-like 主编辑器体验
|
||||
- heading "把 Spike 收敛成能检验的最小产品页壳" [level=1] [ref=e6]
|
||||
- paragraph [ref=e7]:
|
||||
- text: 这里继续只做
|
||||
- code [ref=e8]: "8123"
|
||||
- text: 的 Leptos + Tiptap P0 体验验证，不挪动正式
|
||||
- code [ref=e9]: /documents/[id]
|
||||
- text: 主链。目标是先把 slash、toolbar、todo schema、块手柄和 reload 做成可直接看得见、点得动、能刷新保留结构的网页。
|
||||
- generic [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- generic [ref=e12]: 变更计数
|
||||
- strong [ref=e13]: "0"
|
||||
- generic [ref=e14]:
|
||||
- generic [ref=e15]: Todo Schema
|
||||
- strong [ref=e16]: pending
|
||||
- generic [ref=e17]:
|
||||
- generic [ref=e18]: Selection
|
||||
- strong [ref=e19]: 当前块：一级标题 | 行内样式：无行内样式
|
||||
- generic [ref=e20]:
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]:
|
||||
- generic [ref=e23]: 空间 / 主文档 /
|
||||
- strong [ref=e24]: Editor Baseline Reset
|
||||
- generic [ref=e25]:
|
||||
- generic [ref=e26]: 反馈：
|
||||
- strong [ref=e27]: 编辑器已准备就绪，当前内容已写入本地草稿
|
||||
- textbox "Spike 页面标题" [ref=e28]:
|
||||
- /placeholder: 给这篇页面起个标题
|
||||
- text: Leptos Tiptap 主编辑器 P0
|
||||
- generic [ref=e29]:
|
||||
- generic [ref=e30]: 输入 “/” 打开真正的最小 slash 菜单
|
||||
- generic [ref=e31]: 选中文本时会出现最小浮动工具条
|
||||
- generic [ref=e32]: Todo 现在走 taskList / taskItem，而不是占位 HTML
|
||||
- generic [ref=e33]: 把鼠标移到块左侧，点击 ⠿ 打开块菜单并拖拽重排
|
||||
- generic [ref=e34]: 本页会把 JSON 草稿写入 localStorage，刷新后不丢结构
|
||||
- generic [ref=e35]:
|
||||
- generic [ref=e62]:
|
||||
- button "Insert block" [ref=e63] [cursor=pointer]:
|
||||
- generic [ref=e64]: +
|
||||
- button "Open block menu" [ref=e65]: ⠿
|
||||
- textbox [ref=e37]:
|
||||
- heading "准备接管主编辑器体验" [level=1] [ref=e38]
|
||||
- paragraph [ref=e39]:
|
||||
- text: 这页现在先只在
|
||||
- strong [ref=e40]: "8123"
|
||||
- text: 做 P0 体验收口：你可以输入
|
||||
- code [ref=e41]: /
|
||||
- text: 打开命令菜单，也可以直接试试选中文字后的浮动工具条。
|
||||
- paragraph [ref=e42]: 目标不是继续堆 runtime debug，而是先把页面做得更像可以真实检验的块编辑器。
|
||||
- list [ref=e43]:
|
||||
- listitem [ref=e44]:
|
||||
- paragraph [ref=e45]: 标题、段落、引用、代码块
|
||||
- listitem [ref=e46]:
|
||||
- paragraph [ref=e47]: 无序列表 / 有序列表 / Todo 列表
|
||||
- listitem [ref=e48]:
|
||||
- paragraph [ref=e49]: 分割线、行内样式、链接和高亮
|
||||
- paragraph [ref=e50]:
|
||||
- text: 请把光标放到这里，然后按
|
||||
- code [ref=e51]: /
|
||||
- text: 。
|
||||
- generic [ref=e52]:
|
||||
- generic [ref=e53]:
|
||||
- text: 当前 P0 边界：
|
||||
- code [ref=e54]: paragraph / heading1-3 / bullet / ordered / todo / quote / code block / divider
|
||||
- generic [ref=e55]:
|
||||
- text: 运行时扩展不再走
|
||||
- code [ref=e56]: TiptapExtension::all_enabled()
|
||||
- text: ，这里已冻结为最小集合；当前 reload 走
|
||||
- code [ref=e57]: localStorage JSON
|
||||
- text: ，块菜单支持复制、删除、turn into 与顶层拖拽。
|
||||
- group [ref=e58]:
|
||||
- generic "调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面 展开 / 收起" [ref=e59] [cursor=pointer]:
|
||||
- generic [ref=e60]: 调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面
|
||||
- generic [ref=e61]: 展开 / 收起
|
||||
@@ -0,0 +1,238 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- alert [ref=e8]
|
||||
- generic [ref=e9]:
|
||||
- banner [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- group [ref=e12]:
|
||||
- group [ref=e13]:
|
||||
- button "Undo" [disabled] [ref=e14]:
|
||||
- img [ref=e15]
|
||||
- group [ref=e17]:
|
||||
- button "Redo" [disabled] [ref=e18]:
|
||||
- img [ref=e19]
|
||||
- separator [ref=e21]
|
||||
- button "Switch to dark mode" [ref=e22] [cursor=pointer]:
|
||||
- img [ref=e23]
|
||||
- separator [ref=e33]
|
||||
- button [ref=e34] [cursor=pointer]
|
||||
- generic [ref=e40]:
|
||||
- generic [ref=e41]:
|
||||
- paragraph [ref=e42]: Write, type '/' for commands…
|
||||
- heading "Welcome to Notion-like template sparkles emoji" [level=1] [ref=e43]:
|
||||
- text: Welcome to Notion-like template
|
||||
- img "sparkles emoji" [ref=e45]
|
||||
- blockquote [ref=e46]:
|
||||
- paragraph [ref=e47]:
|
||||
- img "love_letter emoji" [ref=e49]
|
||||
- strong [ref=e50]: Invite your colleagues to make this fun!
|
||||
- text: Just copy the URL from your browser and share it – everyone with the link can join in and collaborate in real time.
|
||||
- generic:
|
||||
- generic: John Anderson
|
||||
- paragraph [ref=e51]:
|
||||
- text: Start writing your thoughts here …
|
||||
- img "pencil2 emoji" [ref=e53]
|
||||
- text: Try some
|
||||
- strong [ref=e54]: "Markdown:"
|
||||
- paragraph [ref=e55]: /
|
||||
- paragraph [ref=e56]: /
|
||||
- code [ref=e58]: "# Headings - Lists > Quotes `Inline code`"
|
||||
- paragraph [ref=e59]:
|
||||
- text: Or type
|
||||
- code [ref=e60]: /
|
||||
- text: to open the command menu and discover blocks, formatting, and hidden features.
|
||||
- separator [ref=e62]
|
||||
- heading "Make it yours" [level=1] [ref=e63]
|
||||
- list [ref=e64]:
|
||||
- listitem [ref=e65]:
|
||||
- paragraph [ref=e66]:
|
||||
- strong [ref=e67]: Select text
|
||||
- text: "to reveal a floating toolbar:"
|
||||
- emphasis [ref=e68]: Quickly italicize,
|
||||
- emphasis [ref=e70]: color
|
||||
- emphasis [ref=e71]: ", add"
|
||||
- link "links" [ref=e72]:
|
||||
- /url: https://tiptap.dev/docs/ui-components/getting-started/overview
|
||||
- emphasis [ref=e73]: links
|
||||
- emphasis [ref=e74]:
|
||||
- text: ", or"
|
||||
- mark [ref=e75]: highlight text
|
||||
- text: just as you're used to..
|
||||
- listitem [ref=e76]:
|
||||
- paragraph [ref=e77]:
|
||||
- strong [ref=e78]: Hover near any block
|
||||
- text: to reveal the context handle
|
||||
- code [ref=e79]: ⠿
|
||||
- emphasis [ref=e80]: Click to open the context menu (duplicate, delete, reset formatting, and more) or simply drag to move your content anywhere you like!
|
||||
- listitem [ref=e81]:
|
||||
- paragraph [ref=e82]:
|
||||
- text: Mention teammates with
|
||||
- code [ref=e83]: "@"
|
||||
- text: and add some fun with emoji
|
||||
- code [ref=e84]: ":"
|
||||
- img "partying_face emoji" [ref=e86]
|
||||
- listitem [ref=e87]:
|
||||
- paragraph [ref=e88]:
|
||||
- text: Switch between
|
||||
- img "sunny emoji" [ref=e90]
|
||||
- text: light and
|
||||
- img "new_moon emoji" [ref=e92]
|
||||
- text: dark mode – whatever fits your mood.
|
||||
- img "Screenshot 2025-02-23 at 19.22.27" [ref=e97] [cursor=pointer]
|
||||
- blockquote [ref=e98]:
|
||||
- paragraph [ref=e99]:
|
||||
- strong [ref=e100]: Need a spark?
|
||||
- img "sparkles emoji" [ref=e102]
|
||||
- strong [ref=e103]
|
||||
- text: Summon the AI Assistant with
|
||||
- code [ref=e104]: /ask ai
|
||||
- text: from the context menu, or by selecting text and choosing
|
||||
- code [ref=e105]: Improve
|
||||
- text: .
|
||||
- text: Polish your writing, or try a ready-made prompt—the AI menu appears with helpful suggestions.
|
||||
- heading "white_check_mark emoji Interactive Tables Included" [level=3] [ref=e106]:
|
||||
- img "white_check_mark emoji" [ref=e108]
|
||||
- strong [ref=e109]
|
||||
- text: Interactive Tables Included
|
||||
- paragraph [ref=e110]: This template comes with the full-featured table component. Click row or column handles for sorting and formatting, use the extend buttons (+ icons) to add rows or columns, drag and drop to reorder rows, and select cells to format or merge content.
|
||||
- table [ref=e114]:
|
||||
- rowgroup [ref=e120]:
|
||||
- row "Name Role Department Location" [ref=e121]:
|
||||
- columnheader "Name" [ref=e122]:
|
||||
- paragraph [ref=e123]: Name
|
||||
- columnheader "Role" [ref=e124]:
|
||||
- paragraph [ref=e125]: Role
|
||||
- columnheader "Department" [ref=e126]:
|
||||
- paragraph [ref=e127]: Department
|
||||
- columnheader "Location" [ref=e128]:
|
||||
- paragraph [ref=e129]: Location
|
||||
- row "Alice Johnson Senior Developer Engineering San Francisco" [ref=e130]:
|
||||
- cell "Alice Johnson" [ref=e131]:
|
||||
- paragraph [ref=e132]: Alice Johnson
|
||||
- cell "Senior Developer" [ref=e133]:
|
||||
- paragraph [ref=e134]: Senior Developer
|
||||
- cell "Engineering" [ref=e135]:
|
||||
- paragraph [ref=e136]: Engineering
|
||||
- cell "San Francisco" [ref=e137]:
|
||||
- paragraph [ref=e138]: San Francisco
|
||||
- row "Bob Smith Product Manager Product New York" [ref=e139]:
|
||||
- cell "Bob Smith" [ref=e140]:
|
||||
- paragraph [ref=e141]: Bob Smith
|
||||
- cell "Product Manager" [ref=e142]:
|
||||
- paragraph [ref=e143]: Product Manager
|
||||
- cell "Product" [ref=e144]:
|
||||
- paragraph [ref=e145]: Product
|
||||
- cell "New York" [ref=e146]:
|
||||
- paragraph [ref=e147]: New York
|
||||
- row "Carol White UX Designer Design London" [ref=e148]:
|
||||
- cell "Carol White" [ref=e149]:
|
||||
- paragraph [ref=e150]: Carol White
|
||||
- cell "UX Designer" [ref=e151]:
|
||||
- paragraph [ref=e152]: UX Designer
|
||||
- cell "Design" [ref=e153]:
|
||||
- paragraph [ref=e154]: Design
|
||||
- cell "London" [ref=e155]:
|
||||
- paragraph [ref=e156]: London
|
||||
- row "David Chen Data Analyst Analytics Remote" [ref=e157]:
|
||||
- cell "David Chen" [ref=e158]:
|
||||
- paragraph [ref=e159]: David Chen
|
||||
- cell "Data Analyst" [ref=e160]:
|
||||
- paragraph [ref=e161]: Data Analyst
|
||||
- cell "Analytics" [ref=e162]:
|
||||
- paragraph [ref=e163]: Analytics
|
||||
- cell "Remote" [ref=e164]:
|
||||
- paragraph [ref=e165]: Remote
|
||||
- heading "Table of Content" [level=2] [ref=e166]
|
||||
- generic [ref=e168]:
|
||||
- generic [ref=e169]: Table of contents
|
||||
- navigation "Table of contents" [ref=e170]:
|
||||
- link "Welcome to Notion-like template" [ref=e171] [cursor=pointer]:
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours" [ref=e172] [cursor=pointer]:
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included" [ref=e173] [cursor=pointer]:
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content" [ref=e174] [cursor=pointer]:
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist" [ref=e175] [cursor=pointer]:
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart" [ref=e176] [cursor=pointer]:
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description" [ref=e177] [cursor=pointer]:
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S." [ref=e178] [cursor=pointer]:
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
- heading "Checklist" [level=2] [ref=e179]
|
||||
- list [ref=e180]:
|
||||
- listitem [ref=e249]:
|
||||
- generic [ref=e250]:
|
||||
- checkbox "Task item checkbox for Read up to this point" [checked]
|
||||
- paragraph [ref=e253]: Read up to this point
|
||||
- listitem [ref=e254]:
|
||||
- generic [ref=e255]:
|
||||
- checkbox "Task item checkbox for Try a slash command"
|
||||
- paragraph [ref=e258]: Try a slash command
|
||||
- listitem [ref=e259]:
|
||||
- generic [ref=e260]:
|
||||
- checkbox "Task item checkbox for Mention someone"
|
||||
- paragraph [ref=e263]: Mention someone
|
||||
- listitem [ref=e264]:
|
||||
- generic [ref=e265]:
|
||||
- checkbox "Task item checkbox for Use the floating toolbar"
|
||||
- paragraph [ref=e268]: Use the floating toolbar
|
||||
- listitem [ref=e269]:
|
||||
- generic [ref=e270]:
|
||||
- checkbox "Task item checkbox for Add a color highlight"
|
||||
- paragraph [ref=e273]: Add a color highlight
|
||||
- listitem [ref=e274]:
|
||||
- generic [ref=e275]:
|
||||
- checkbox "Task item checkbox for Explore the context menu & drag blocks"
|
||||
- paragraph [ref=e278]: Explore the context menu & drag blocks
|
||||
- listitem [ref=e279]:
|
||||
- generic [ref=e280]:
|
||||
- checkbox "Task item checkbox for Ask the AI for help"
|
||||
- paragraph [ref=e283]: Ask the AI for help
|
||||
- separator [ref=e217]
|
||||
- heading "Developer quickstart" [level=1] [ref=e218]
|
||||
- paragraph [ref=e219]: "Ready to build your own editor? Just run:"
|
||||
- code [ref=e221]: npx @tiptap/cli init
|
||||
- blockquote [ref=e222]:
|
||||
- paragraph [ref=e223]:
|
||||
- strong [ref=e224]: Did you know?
|
||||
- text: Many features here are powered by open-source Tiptap UI Components. Some advanced tools – like the AI Assistant, advanced color palettes, or context menus – are exclusive to paid users.
|
||||
- text: Unlock even more possibilities by
|
||||
- link "upgrading your plan" [ref=e225]:
|
||||
- /url: https://tiptap.dev/pricing
|
||||
- text: "!"
|
||||
- heading "Short description" [level=3] [ref=e226]
|
||||
- list [ref=e227]:
|
||||
- listitem [ref=e228]:
|
||||
- paragraph [ref=e229]: Content blocks = Node Components
|
||||
- listitem [ref=e230]:
|
||||
- paragraph [ref=e231]: Toolbars, menus, and buttons = UI Components
|
||||
- separator [ref=e233]
|
||||
- heading "P.S." [level=2] [ref=e234]
|
||||
- paragraph [ref=e235]: You’re using the Notion-like template, available for paid users.
|
||||
- generic [ref=e289]:
|
||||
- button "Insert block" [ref=e290] [cursor=pointer]:
|
||||
- img [ref=e291]
|
||||
- button [ref=e293]:
|
||||
- img [ref=e294]
|
||||
- generic [ref=e237]:
|
||||
- navigation "Table of contents":
|
||||
- generic:
|
||||
- link "Welcome to Notion-like template":
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours":
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included":
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content":
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist":
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart":
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description":
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S.":
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
@@ -0,0 +1,77 @@
|
||||
- main [ref=e2]:
|
||||
- generic [ref=e3]:
|
||||
- generic [ref=e4]:
|
||||
- generic [ref=e5]: P0 / Tiptap-like 主编辑器体验
|
||||
- heading "把 Spike 收敛成能检验的最小产品页壳" [level=1] [ref=e6]
|
||||
- paragraph [ref=e7]:
|
||||
- text: 这里继续只做
|
||||
- code [ref=e8]: "8123"
|
||||
- text: 的 Leptos + Tiptap P0 体验验证，不挪动正式
|
||||
- code [ref=e9]: /documents/[id]
|
||||
- text: 主链。目标是先把 slash、toolbar、todo schema、块手柄和 reload 做成可直接看得见、点得动、能刷新保留结构的网页。
|
||||
- generic [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- generic [ref=e12]: 变更计数
|
||||
- strong [ref=e13]: "0"
|
||||
- generic [ref=e14]:
|
||||
- generic [ref=e15]: Todo Schema
|
||||
- strong [ref=e16]: pending
|
||||
- generic [ref=e17]:
|
||||
- generic [ref=e18]: Selection
|
||||
- strong [ref=e19]: 当前块：段落 | 行内样式：无行内样式
|
||||
- generic [ref=e20]:
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]:
|
||||
- generic [ref=e23]: 空间 / 主文档 /
|
||||
- strong [ref=e24]: Editor Baseline Reset
|
||||
- generic [ref=e25]:
|
||||
- generic [ref=e26]: 反馈：
|
||||
- strong [ref=e27]: 编辑器已准备就绪，当前内容已写入本地草稿
|
||||
- textbox "Spike 页面标题" [ref=e28]:
|
||||
- /placeholder: 给这篇页面起个标题
|
||||
- text: Leptos Tiptap 主编辑器 P0
|
||||
- generic [ref=e29]:
|
||||
- generic [ref=e30]: 输入 “/” 打开真正的最小 slash 菜单
|
||||
- generic [ref=e31]: 选中文本时会出现最小浮动工具条
|
||||
- generic [ref=e32]: Todo 现在走 taskList / taskItem，而不是占位 HTML
|
||||
- generic [ref=e33]: 把鼠标移到块左侧，点击 ⠿ 打开块菜单并拖拽重排
|
||||
- generic [ref=e34]: 本页会把 JSON 草稿写入 localStorage，刷新后不丢结构
|
||||
- generic [ref=e35]:
|
||||
- generic [ref=e62]:
|
||||
- button "Insert block" [ref=e63] [cursor=pointer]:
|
||||
- generic [ref=e64]: +
|
||||
- button "Open block menu" [ref=e65]: ⠿
|
||||
- textbox [active] [ref=e37]:
|
||||
- heading "准备接管主编辑器体验" [level=1] [ref=e38]
|
||||
- paragraph [ref=e39]:
|
||||
- text: 这页现在先只在
|
||||
- strong [ref=e40]: "8123"
|
||||
- text: 做 P0 体验收口：你可以输入
|
||||
- code [ref=e41]: /
|
||||
- text: 打开命令菜单，也可以直接试试选中文字后的浮动工具条。
|
||||
- paragraph [ref=e42]: 目标不是继续堆 runtime debug，而是先把页面做得更像可以真实检验的块编辑器。
|
||||
- list [ref=e43]:
|
||||
- listitem [ref=e44]:
|
||||
- paragraph [ref=e45]: 标题、段落、引用、代码块
|
||||
- listitem [ref=e46]:
|
||||
- paragraph [ref=e47]: 无序列表 / 有序列表 / Todo 列表
|
||||
- listitem [ref=e48]:
|
||||
- paragraph [ref=e49]: 分割线、行内样式、链接和高亮
|
||||
- paragraph [ref=e50]:
|
||||
- text: 请把光标放到这里，然后按
|
||||
- code [ref=e51]: /
|
||||
- text: 。
|
||||
- generic [ref=e52]:
|
||||
- generic [ref=e53]:
|
||||
- text: 当前 P0 边界：
|
||||
- code [ref=e54]: paragraph / heading1-3 / bullet / ordered / todo / quote / code block / divider
|
||||
- generic [ref=e55]:
|
||||
- text: 运行时扩展不再走
|
||||
- code [ref=e56]: TiptapExtension::all_enabled()
|
||||
- text: ，这里已冻结为最小集合；当前 reload 走
|
||||
- code [ref=e57]: localStorage JSON
|
||||
- text: ，块菜单支持复制、删除、turn into 与顶层拖拽。
|
||||
- group [ref=e58]:
|
||||
- generic "调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面 展开 / 收起" [ref=e59] [cursor=pointer]:
|
||||
- generic [ref=e60]: 调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面
|
||||
- generic [ref=e61]: 展开 / 收起
|
||||
@@ -0,0 +1,72 @@
|
||||
- main [ref=e2]:
|
||||
- generic [ref=e3]:
|
||||
- generic [ref=e4]:
|
||||
- generic [ref=e5]: P0 / Tiptap-like 主编辑器体验
|
||||
- heading "把 Spike 收敛成能检验的最小产品页壳" [level=1] [ref=e6]
|
||||
- paragraph [ref=e7]:
|
||||
- text: 这里继续只做
|
||||
- code [ref=e8]: "8123"
|
||||
- text: 的 Leptos + Tiptap P0 体验验证，不挪动正式
|
||||
- code [ref=e9]: /documents/[id]
|
||||
- text: 主链。目标是先把 slash、toolbar、todo schema、块手柄和 reload 做成可直接看得见、点得动、能刷新保留结构的网页。
|
||||
- generic [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- generic [ref=e12]: 变更计数
|
||||
- strong [ref=e13]: "0"
|
||||
- generic [ref=e14]:
|
||||
- generic [ref=e15]: Todo Schema
|
||||
- strong [ref=e16]: pending
|
||||
- generic [ref=e17]:
|
||||
- generic [ref=e18]: Selection
|
||||
- strong [ref=e19]: 当前块：段落 | 行内样式：无行内样式
|
||||
- generic [ref=e20]:
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]:
|
||||
- generic [ref=e23]: 空间 / 主文档 /
|
||||
- strong [ref=e24]: Editor Baseline Reset
|
||||
- generic [ref=e25]:
|
||||
- generic [ref=e26]: 反馈：
|
||||
- strong [ref=e27]: 编辑器已准备就绪，当前内容已写入本地草稿
|
||||
- textbox "Spike 页面标题" [ref=e28]:
|
||||
- /placeholder: 给这篇页面起个标题
|
||||
- text: Leptos Tiptap 主编辑器 P0
|
||||
- generic [ref=e29]:
|
||||
- generic [ref=e30]: 输入 “/” 打开真正的最小 slash 菜单
|
||||
- generic [ref=e31]: 选中文本时会出现最小浮动工具条
|
||||
- generic [ref=e32]: Todo 现在走 taskList / taskItem，而不是占位 HTML
|
||||
- generic [ref=e33]: 把鼠标移到块左侧，点击 ⠿ 打开块菜单并拖拽重排
|
||||
- generic [ref=e34]: 本页会把 JSON 草稿写入 localStorage，刷新后不丢结构
|
||||
- textbox [active] [ref=e37]:
|
||||
- heading "准备接管主编辑器体验" [level=1] [ref=e38]
|
||||
- paragraph [ref=e39]:
|
||||
- text: 这页现在先只在
|
||||
- strong [ref=e40]: "8123"
|
||||
- text: 做 P0 体验收口：你可以输入
|
||||
- code [ref=e41]: /
|
||||
- text: 打开命令菜单，也可以直接试试选中文字后的浮动工具条。
|
||||
- paragraph [ref=e42]: 目标不是继续堆 runtime debug，而是先把页面做得更像可以真实检验的块编辑器。
|
||||
- list [ref=e43]:
|
||||
- listitem [ref=e44]:
|
||||
- paragraph [ref=e45]: 标题、段落、引用、代码块
|
||||
- listitem [ref=e46]:
|
||||
- paragraph [ref=e47]: 无序列表 / 有序列表 / Todo 列表
|
||||
- listitem [ref=e48]:
|
||||
- paragraph [ref=e49]: 分割线、行内样式、链接和高亮
|
||||
- paragraph [ref=e50]:
|
||||
- text: 请把光标放到这里，然后按
|
||||
- code [ref=e51]: /
|
||||
- text: 。
|
||||
- generic [ref=e52]:
|
||||
- generic [ref=e53]:
|
||||
- text: 当前 P0 边界：
|
||||
- code [ref=e54]: paragraph / heading1-3 / bullet / ordered / todo / quote / code block / divider
|
||||
- generic [ref=e55]:
|
||||
- text: 运行时扩展不再走
|
||||
- code [ref=e56]: TiptapExtension::all_enabled()
|
||||
- text: ，这里已冻结为最小集合；当前 reload 走
|
||||
- code [ref=e57]: localStorage JSON
|
||||
- text: ，块菜单支持复制、删除、turn into 与顶层拖拽。
|
||||
- group [ref=e58]:
|
||||
- generic "调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面 展开 / 收起" [ref=e59] [cursor=pointer]:
|
||||
- generic [ref=e60]: 调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面
|
||||
- generic [ref=e61]: 展开 / 收起
|
||||
@@ -0,0 +1,78 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- generic [ref=e3]:
|
||||
- generic [ref=e4]:
|
||||
- img [ref=e6]
|
||||
- text: Build failure
|
||||
- generic [ref=e8]: "error from build pipeline Caused by: 0: HTML build pipeline failed (1 errors), showing first 1: error from asset pipeline 2: running cargo build 3: error during cargo build execution 4: cargo call to executable 'cargo' with args: '[\"build\", \"--target=wasm32-unknown-unknown\", \"--manifest-path\", \"/mnt/Data1T/mnote/rust/spikes/leptos-tiptap-spike/Cargo.toml\"]' returned a bad status: exit status: 101"
|
||||
- main [ref=e9]:
|
||||
- generic [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- generic [ref=e12]: P0 / Tiptap-like 主编辑器体验
|
||||
- heading "把 Spike 收敛成能检验的最小产品页壳" [level=1] [ref=e13]
|
||||
- paragraph [ref=e14]:
|
||||
- text: 这里继续只做
|
||||
- code [ref=e15]: "8123"
|
||||
- text: 的 Leptos + Tiptap P0 体验验证，不挪动正式
|
||||
- code [ref=e16]: /documents/[id]
|
||||
- text: 主链。目标是先把 slash、toolbar、todo schema、块手柄和 reload 做成可直接看得见、点得动、能刷新保留结构的网页。
|
||||
- generic [ref=e17]:
|
||||
- generic [ref=e18]:
|
||||
- generic [ref=e19]: 变更计数
|
||||
- strong [ref=e20]: "0"
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]: Todo Schema
|
||||
- strong [ref=e23]: pending
|
||||
- generic [ref=e24]:
|
||||
- generic [ref=e25]: Selection
|
||||
- strong [ref=e26]: 当前块：段落 | 行内样式：无行内样式
|
||||
- generic [ref=e27]:
|
||||
- generic [ref=e28]:
|
||||
- generic [ref=e29]:
|
||||
- generic [ref=e30]: 空间 / 主文档 /
|
||||
- strong [ref=e31]: Editor Baseline Reset
|
||||
- generic [ref=e32]:
|
||||
- generic [ref=e33]: 反馈：
|
||||
- strong [ref=e34]: 编辑器已准备就绪，并已恢复本地草稿
|
||||
- textbox "Spike 页面标题" [ref=e35]:
|
||||
- /placeholder: 给这篇页面起个标题
|
||||
- text: Leptos Tiptap 主编辑器 P0
|
||||
- generic [ref=e36]:
|
||||
- generic [ref=e37]: 输入 “/” 打开真正的最小 slash 菜单
|
||||
- generic [ref=e38]: 选中文本时会出现最小浮动工具条
|
||||
- generic [ref=e39]: Todo 现在走 taskList / taskItem，而不是占位 HTML
|
||||
- generic [ref=e40]: 把鼠标移到块左侧，点击 ⠿ 打开块菜单并拖拽重排
|
||||
- generic [ref=e41]: 本页会把 JSON 草稿写入 localStorage，刷新后不丢结构
|
||||
- textbox [ref=e44]:
|
||||
- heading "准备接管主编辑器体验" [level=1] [ref=e45]
|
||||
- paragraph [ref=e46]:
|
||||
- text: 这页现在先只在
|
||||
- strong [ref=e47]: "8123"
|
||||
- text: 做 P0 体验收口：你可以输入
|
||||
- code [ref=e48]: /
|
||||
- text: 打开命令菜单，也可以直接试试选中文字后的浮动工具条。
|
||||
- paragraph [ref=e49]: 目标不是继续堆 runtime debug，而是先把页面做得更像可以真实检验的块编辑器。
|
||||
- list [ref=e50]:
|
||||
- listitem [ref=e51]:
|
||||
- paragraph [ref=e52]: 标题、段落、引用、代码块
|
||||
- listitem [ref=e53]:
|
||||
- paragraph [ref=e54]: 无序列表 / 有序列表 / Todo 列表
|
||||
- listitem [ref=e55]:
|
||||
- paragraph [ref=e56]: 分割线、行内样式、链接和高亮
|
||||
- paragraph [ref=e57]:
|
||||
- text: 请把光标放到这里，然后按
|
||||
- code [ref=e58]: /
|
||||
- text: 。
|
||||
- generic [ref=e59]:
|
||||
- generic [ref=e60]:
|
||||
- text: 当前 P0 边界：
|
||||
- code [ref=e61]: paragraph / heading1-3 / bullet / ordered / todo / quote / code block / divider
|
||||
- generic [ref=e62]:
|
||||
- text: 运行时扩展不再走
|
||||
- code [ref=e63]: TiptapExtension::all_enabled()
|
||||
- text: ，这里已冻结为最小集合；当前 reload 走
|
||||
- code [ref=e64]: localStorage JSON
|
||||
- text: ，块菜单支持复制、删除、turn into 与顶层拖拽。
|
||||
- group [ref=e65]:
|
||||
- generic "调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面 展开 / 收起" [ref=e66] [cursor=pointer]:
|
||||
- generic [ref=e67]: 调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面
|
||||
- generic [ref=e68]: 展开 / 收起
|
||||
@@ -0,0 +1,72 @@
|
||||
- main [ref=e2]:
|
||||
- generic [ref=e3]:
|
||||
- generic [ref=e4]:
|
||||
- generic [ref=e5]: P0 / Tiptap-like 主编辑器体验
|
||||
- heading "把 Spike 收敛成能检验的最小产品页壳" [level=1] [ref=e6]
|
||||
- paragraph [ref=e7]:
|
||||
- text: 这里继续只做
|
||||
- code [ref=e8]: "8123"
|
||||
- text: 的 Leptos + Tiptap P0 体验验证，不挪动正式
|
||||
- code [ref=e9]: /documents/[id]
|
||||
- text: 主链。目标是先把 slash、toolbar、todo schema、块手柄和 reload 做成可直接看得见、点得动、能刷新保留结构的网页。
|
||||
- generic [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- generic [ref=e12]: 变更计数
|
||||
- strong [ref=e13]: "0"
|
||||
- generic [ref=e14]:
|
||||
- generic [ref=e15]: Todo Schema
|
||||
- strong [ref=e16]: pending
|
||||
- generic [ref=e17]:
|
||||
- generic [ref=e18]: Selection
|
||||
- strong [ref=e19]: 当前块：一级标题 | 行内样式：无行内样式
|
||||
- generic [ref=e20]:
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]:
|
||||
- generic [ref=e23]: 空间 / 主文档 /
|
||||
- strong [ref=e24]: Editor Baseline Reset
|
||||
- generic [ref=e25]:
|
||||
- generic [ref=e26]: 反馈：
|
||||
- strong [ref=e27]: 编辑器已准备就绪，当前内容已写入本地草稿
|
||||
- textbox "Spike 页面标题" [ref=e28]:
|
||||
- /placeholder: 给这篇页面起个标题
|
||||
- text: Leptos Tiptap 主编辑器 P0
|
||||
- generic [ref=e29]:
|
||||
- generic [ref=e30]: 输入 “/” 打开真正的最小 slash 菜单
|
||||
- generic [ref=e31]: 选中文本时会出现最小浮动工具条
|
||||
- generic [ref=e32]: Todo 现在走 taskList / taskItem，而不是占位 HTML
|
||||
- generic [ref=e33]: 把鼠标移到块左侧，点击 ⠿ 打开块菜单并拖拽重排
|
||||
- generic [ref=e34]: 本页会把 JSON 草稿写入 localStorage，刷新后不丢结构
|
||||
- textbox [ref=e37]:
|
||||
- heading "准备接管主编辑器体验" [level=1] [ref=e38]
|
||||
- paragraph [ref=e39]:
|
||||
- text: 这页现在先只在
|
||||
- strong [ref=e40]: "8123"
|
||||
- text: 做 P0 体验收口：你可以输入
|
||||
- code [ref=e41]: /
|
||||
- text: 打开命令菜单，也可以直接试试选中文字后的浮动工具条。
|
||||
- paragraph [ref=e42]: 目标不是继续堆 runtime debug，而是先把页面做得更像可以真实检验的块编辑器。
|
||||
- list [ref=e43]:
|
||||
- listitem [ref=e44]:
|
||||
- paragraph [ref=e45]: 标题、段落、引用、代码块
|
||||
- listitem [ref=e46]:
|
||||
- paragraph [ref=e47]: 无序列表 / 有序列表 / Todo 列表
|
||||
- listitem [ref=e48]:
|
||||
- paragraph [ref=e49]: 分割线、行内样式、链接和高亮
|
||||
- paragraph [ref=e50]:
|
||||
- text: 请把光标放到这里，然后按
|
||||
- code [ref=e51]: /
|
||||
- text: 。
|
||||
- generic [ref=e52]:
|
||||
- generic [ref=e53]:
|
||||
- text: 当前 P0 边界：
|
||||
- code [ref=e54]: paragraph / heading1-3 / bullet / ordered / todo / quote / code block / divider
|
||||
- generic [ref=e55]:
|
||||
- text: 运行时扩展不再走
|
||||
- code [ref=e56]: TiptapExtension::all_enabled()
|
||||
- text: ，这里已冻结为最小集合；当前 reload 走
|
||||
- code [ref=e57]: localStorage JSON
|
||||
- text: ，块菜单支持复制、删除、turn into 与顶层拖拽。
|
||||
- group [ref=e58]:
|
||||
- generic "调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面 展开 / 收起" [ref=e59] [cursor=pointer]:
|
||||
- generic [ref=e60]: 调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面
|
||||
- generic [ref=e61]: 展开 / 收起
|
||||
@@ -0,0 +1,5 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- generic [ref=e3]:
|
||||
- img [ref=e4]
|
||||
- generic [ref=e7]: Connecting...
|
||||
- alert [ref=e8]
|
||||
@@ -0,0 +1,238 @@
|
||||
- generic [active] [ref=e1]:
|
||||
- alert [ref=e8]
|
||||
- generic [ref=e9]:
|
||||
- banner [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- group [ref=e12]:
|
||||
- group [ref=e13]:
|
||||
- button "Undo" [disabled] [ref=e14]:
|
||||
- img [ref=e15]
|
||||
- group [ref=e17]:
|
||||
- button "Redo" [disabled] [ref=e18]:
|
||||
- img [ref=e19]
|
||||
- separator [ref=e21]
|
||||
- button "Switch to dark mode" [ref=e22] [cursor=pointer]:
|
||||
- img [ref=e23]
|
||||
- separator [ref=e33]
|
||||
- button [ref=e34] [cursor=pointer]
|
||||
- generic [ref=e42]:
|
||||
- generic [ref=e43]:
|
||||
- paragraph [ref=e44]: Write, type '/' for commands…
|
||||
- heading "Welcome to Notion-like template sparkles emoji" [level=1] [ref=e45]:
|
||||
- text: Welcome to Notion-like template
|
||||
- img "sparkles emoji" [ref=e47]
|
||||
- blockquote [ref=e48]:
|
||||
- paragraph [ref=e49]:
|
||||
- img "love_letter emoji" [ref=e51]
|
||||
- strong [ref=e52]: Invite your colleagues to make this fun!
|
||||
- text: Just copy the URL from your browser and share it – everyone with the link can join in and collaborate in real time.
|
||||
- generic:
|
||||
- generic: John Anderson
|
||||
- paragraph [ref=e53]:
|
||||
- text: Start writing your thoughts here …
|
||||
- img "pencil2 emoji" [ref=e55]
|
||||
- text: Try some
|
||||
- strong [ref=e56]: "Markdown:"
|
||||
- paragraph [ref=e57]: /
|
||||
- paragraph [ref=e58]: /
|
||||
- code [ref=e60]: "# Headings - Lists > Quotes `Inline code`"
|
||||
- paragraph [ref=e61]:
|
||||
- text: Or type
|
||||
- code [ref=e62]: /
|
||||
- text: to open the command menu and discover blocks, formatting, and hidden features.
|
||||
- separator [ref=e64]
|
||||
- heading "Make it yours" [level=1] [ref=e65]
|
||||
- list [ref=e66]:
|
||||
- listitem [ref=e67]:
|
||||
- paragraph [ref=e68]:
|
||||
- strong [ref=e69]: Select text
|
||||
- text: "to reveal a floating toolbar:"
|
||||
- emphasis [ref=e70]: Quickly italicize,
|
||||
- emphasis [ref=e72]: color
|
||||
- emphasis [ref=e73]: ", add"
|
||||
- link "links" [ref=e74]:
|
||||
- /url: https://tiptap.dev/docs/ui-components/getting-started/overview
|
||||
- emphasis [ref=e75]: links
|
||||
- emphasis [ref=e76]:
|
||||
- text: ", or"
|
||||
- mark [ref=e77]: highlight text
|
||||
- text: just as you're used to..
|
||||
- listitem [ref=e78]:
|
||||
- paragraph [ref=e79]:
|
||||
- strong [ref=e80]: Hover near any block
|
||||
- text: to reveal the context handle
|
||||
- code [ref=e81]: ⠿
|
||||
- emphasis [ref=e82]: Click to open the context menu (duplicate, delete, reset formatting, and more) or simply drag to move your content anywhere you like!
|
||||
- listitem [ref=e83]:
|
||||
- paragraph [ref=e84]:
|
||||
- text: Mention teammates with
|
||||
- code [ref=e85]: "@"
|
||||
- text: and add some fun with emoji
|
||||
- code [ref=e86]: ":"
|
||||
- img "partying_face emoji" [ref=e88]
|
||||
- listitem [ref=e89]:
|
||||
- paragraph [ref=e90]:
|
||||
- text: Switch between
|
||||
- img "sunny emoji" [ref=e92]
|
||||
- text: light and
|
||||
- img "new_moon emoji" [ref=e94]
|
||||
- text: dark mode – whatever fits your mood.
|
||||
- img "Screenshot 2025-02-23 at 19.22.27" [ref=e99] [cursor=pointer]
|
||||
- blockquote [ref=e100]:
|
||||
- paragraph [ref=e101]:
|
||||
- strong [ref=e102]: Need a spark?
|
||||
- img "sparkles emoji" [ref=e104]
|
||||
- strong [ref=e105]
|
||||
- text: Summon the AI Assistant with
|
||||
- code [ref=e106]: /ask ai
|
||||
- text: from the context menu, or by selecting text and choosing
|
||||
- code [ref=e107]: Improve
|
||||
- text: .
|
||||
- text: Polish your writing, or try a ready-made prompt—the AI menu appears with helpful suggestions.
|
||||
- heading "white_check_mark emoji Interactive Tables Included" [level=3] [ref=e108]:
|
||||
- img "white_check_mark emoji" [ref=e110]
|
||||
- strong [ref=e111]
|
||||
- text: Interactive Tables Included
|
||||
- paragraph [ref=e112]: This template comes with the full-featured table component. Click row or column handles for sorting and formatting, use the extend buttons (+ icons) to add rows or columns, drag and drop to reorder rows, and select cells to format or merge content.
|
||||
- table [ref=e116]:
|
||||
- rowgroup [ref=e122]:
|
||||
- row "Name Role Department Location" [ref=e123]:
|
||||
- columnheader "Name" [ref=e124]:
|
||||
- paragraph [ref=e125]: Name
|
||||
- columnheader "Role" [ref=e126]:
|
||||
- paragraph [ref=e127]: Role
|
||||
- columnheader "Department" [ref=e128]:
|
||||
- paragraph [ref=e129]: Department
|
||||
- columnheader "Location" [ref=e130]:
|
||||
- paragraph [ref=e131]: Location
|
||||
- row "Alice Johnson Senior Developer Engineering San Francisco" [ref=e132]:
|
||||
- cell "Alice Johnson" [ref=e133]:
|
||||
- paragraph [ref=e134]: Alice Johnson
|
||||
- cell "Senior Developer" [ref=e135]:
|
||||
- paragraph [ref=e136]: Senior Developer
|
||||
- cell "Engineering" [ref=e137]:
|
||||
- paragraph [ref=e138]: Engineering
|
||||
- cell "San Francisco" [ref=e139]:
|
||||
- paragraph [ref=e140]: San Francisco
|
||||
- row "Bob Smith Product Manager Product New York" [ref=e141]:
|
||||
- cell "Bob Smith" [ref=e142]:
|
||||
- paragraph [ref=e143]: Bob Smith
|
||||
- cell "Product Manager" [ref=e144]:
|
||||
- paragraph [ref=e145]: Product Manager
|
||||
- cell "Product" [ref=e146]:
|
||||
- paragraph [ref=e147]: Product
|
||||
- cell "New York" [ref=e148]:
|
||||
- paragraph [ref=e149]: New York
|
||||
- row "Carol White UX Designer Design London" [ref=e150]:
|
||||
- cell "Carol White" [ref=e151]:
|
||||
- paragraph [ref=e152]: Carol White
|
||||
- cell "UX Designer" [ref=e153]:
|
||||
- paragraph [ref=e154]: UX Designer
|
||||
- cell "Design" [ref=e155]:
|
||||
- paragraph [ref=e156]: Design
|
||||
- cell "London" [ref=e157]:
|
||||
- paragraph [ref=e158]: London
|
||||
- row "David Chen Data Analyst Analytics Remote" [ref=e159]:
|
||||
- cell "David Chen" [ref=e160]:
|
||||
- paragraph [ref=e161]: David Chen
|
||||
- cell "Data Analyst" [ref=e162]:
|
||||
- paragraph [ref=e163]: Data Analyst
|
||||
- cell "Analytics" [ref=e164]:
|
||||
- paragraph [ref=e165]: Analytics
|
||||
- cell "Remote" [ref=e166]:
|
||||
- paragraph [ref=e167]: Remote
|
||||
- heading "Table of Content" [level=2] [ref=e168]
|
||||
- generic [ref=e170]:
|
||||
- generic [ref=e171]: Table of contents
|
||||
- navigation "Table of contents" [ref=e172]:
|
||||
- link "Welcome to Notion-like template" [ref=e173] [cursor=pointer]:
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours" [ref=e174] [cursor=pointer]:
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included" [ref=e175] [cursor=pointer]:
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content" [ref=e176] [cursor=pointer]:
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist" [ref=e177] [cursor=pointer]:
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart" [ref=e178] [cursor=pointer]:
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description" [ref=e179] [cursor=pointer]:
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S." [ref=e180] [cursor=pointer]:
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
- heading "Checklist" [level=2] [ref=e181]
|
||||
- list [ref=e182]:
|
||||
- listitem [ref=e253]:
|
||||
- generic [ref=e254]:
|
||||
- checkbox "Task item checkbox for Read up to this point" [checked]
|
||||
- paragraph [ref=e257]: Read up to this point
|
||||
- listitem [ref=e258]:
|
||||
- generic [ref=e259]:
|
||||
- checkbox "Task item checkbox for Try a slash command"
|
||||
- paragraph [ref=e262]: Try a slash command
|
||||
- listitem [ref=e263]:
|
||||
- generic [ref=e264]:
|
||||
- checkbox "Task item checkbox for Mention someone"
|
||||
- paragraph [ref=e267]: Mention someone
|
||||
- listitem [ref=e268]:
|
||||
- generic [ref=e269]:
|
||||
- checkbox "Task item checkbox for Use the floating toolbar"
|
||||
- paragraph [ref=e272]: Use the floating toolbar
|
||||
- listitem [ref=e273]:
|
||||
- generic [ref=e274]:
|
||||
- checkbox "Task item checkbox for Add a color highlight"
|
||||
- paragraph [ref=e277]: Add a color highlight
|
||||
- listitem [ref=e278]:
|
||||
- generic [ref=e279]:
|
||||
- checkbox "Task item checkbox for Explore the context menu & drag blocks"
|
||||
- paragraph [ref=e282]: Explore the context menu & drag blocks
|
||||
- listitem [ref=e283]:
|
||||
- generic [ref=e284]:
|
||||
- checkbox "Task item checkbox for Ask the AI for help"
|
||||
- paragraph [ref=e287]: Ask the AI for help
|
||||
- separator [ref=e219]
|
||||
- heading "Developer quickstart" [level=1] [ref=e220]
|
||||
- paragraph [ref=e221]: "Ready to build your own editor? Just run:"
|
||||
- code [ref=e223]: npx @tiptap/cli init
|
||||
- blockquote [ref=e224]:
|
||||
- paragraph [ref=e225]:
|
||||
- strong [ref=e226]: Did you know?
|
||||
- text: Many features here are powered by open-source Tiptap UI Components. Some advanced tools – like the AI Assistant, advanced color palettes, or context menus – are exclusive to paid users.
|
||||
- text: Unlock even more possibilities by
|
||||
- link "upgrading your plan" [ref=e227]:
|
||||
- /url: https://tiptap.dev/pricing
|
||||
- text: "!"
|
||||
- heading "Short description" [level=3] [ref=e228]
|
||||
- list [ref=e229]:
|
||||
- listitem [ref=e230]:
|
||||
- paragraph [ref=e231]: Content blocks = Node Components
|
||||
- listitem [ref=e232]:
|
||||
- paragraph [ref=e233]: Toolbars, menus, and buttons = UI Components
|
||||
- separator [ref=e235]
|
||||
- heading "P.S." [level=2] [ref=e236]
|
||||
- paragraph [ref=e237]: You’re using the Notion-like template, available for paid users.
|
||||
- generic [ref=e289]:
|
||||
- button "Insert block" [ref=e290] [cursor=pointer]:
|
||||
- img [ref=e291]
|
||||
- button [ref=e293]:
|
||||
- img [ref=e294]
|
||||
- generic [ref=e239]:
|
||||
- navigation "Table of contents":
|
||||
- generic:
|
||||
- link "Welcome to Notion-like template":
|
||||
- /url: "#8e84d1f3-8d16-4370-94e7-46252c8428d8"
|
||||
- link "Make it yours":
|
||||
- /url: "#9a020862-49f3-43e0-a697-202b41566a0c"
|
||||
- link "Interactive Tables Included":
|
||||
- /url: "#c76b9241-350c-4c58-a37f-0d5784ea4f50"
|
||||
- link "Table of Content":
|
||||
- /url: "#6a90ecef-245d-4f75-9846-4fb16bb606ba"
|
||||
- link "Checklist":
|
||||
- /url: "#bf962ab5-f0a0-43f7-8473-de72f4a2b8ae"
|
||||
- link "Developer quickstart":
|
||||
- /url: "#e2ba59b4-1014-4875-9992-552bdc74521c"
|
||||
- link "Short description":
|
||||
- /url: "#1741b659-1e29-4da3-9fb0-269418e78f79"
|
||||
- link "P.S.":
|
||||
- /url: "#ac284b90-febc-4403-bf34-5d287956ed25"
|
||||
@@ -0,0 +1,77 @@
|
||||
- main [ref=e2]:
|
||||
- generic [ref=e3]:
|
||||
- generic [ref=e4]:
|
||||
- generic [ref=e5]: P0 / Tiptap-like 主编辑器体验
|
||||
- heading "把 Spike 收敛成能检验的最小产品页壳" [level=1] [ref=e6]
|
||||
- paragraph [ref=e7]:
|
||||
- text: 这里继续只做
|
||||
- code [ref=e8]: "8123"
|
||||
- text: 的 Leptos + Tiptap P0 体验验证，不挪动正式
|
||||
- code [ref=e9]: /documents/[id]
|
||||
- text: 主链。目标是先把 slash、toolbar、todo schema、块手柄和 reload 做成可直接看得见、点得动、能刷新保留结构的网页。
|
||||
- generic [ref=e10]:
|
||||
- generic [ref=e11]:
|
||||
- generic [ref=e12]: 变更计数
|
||||
- strong [ref=e13]: "0"
|
||||
- generic [ref=e14]:
|
||||
- generic [ref=e15]: Todo Schema
|
||||
- strong [ref=e16]: pending
|
||||
- generic [ref=e17]:
|
||||
- generic [ref=e18]: Selection
|
||||
- strong [ref=e19]: 当前块：段落 | 行内样式：无行内样式
|
||||
- generic [ref=e20]:
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]:
|
||||
- generic [ref=e23]: 空间 / 主文档 /
|
||||
- strong [ref=e24]: Editor Baseline Reset
|
||||
- generic [ref=e25]:
|
||||
- generic [ref=e26]: 反馈：
|
||||
- strong [ref=e27]: 编辑器已准备就绪，并已恢复本地草稿
|
||||
- textbox "Spike 页面标题" [ref=e28]:
|
||||
- /placeholder: 给这篇页面起个标题
|
||||
- text: Leptos Tiptap 主编辑器 P0
|
||||
- generic [ref=e29]:
|
||||
- generic [ref=e30]: 输入 “/” 打开真正的最小 slash 菜单
|
||||
- generic [ref=e31]: 选中文本时会出现最小浮动工具条
|
||||
- generic [ref=e32]: Todo 现在走 taskList / taskItem，而不是占位 HTML
|
||||
- generic [ref=e33]: 把鼠标移到块左侧，点击 ⠿ 打开块菜单并拖拽重排
|
||||
- generic [ref=e34]: 本页会把 JSON 草稿写入 localStorage，刷新后不丢结构
|
||||
- generic [ref=e35]:
|
||||
- generic [ref=e62]:
|
||||
- button "Insert block" [ref=e63] [cursor=pointer]:
|
||||
- generic [ref=e64]: +
|
||||
- button "Open block menu" [ref=e65]: ⠿
|
||||
- textbox [ref=e37]:
|
||||
- heading "准备接管主编辑器体验" [level=1] [ref=e38]
|
||||
- paragraph [ref=e39]:
|
||||
- text: 这页现在先只在
|
||||
- strong [ref=e40]: "8123"
|
||||
- text: 做 P0 体验收口：你可以输入
|
||||
- code [ref=e41]: /
|
||||
- text: 打开命令菜单，也可以直接试试选中文字后的浮动工具条。
|
||||
- paragraph [ref=e42]: 目标不是继续堆 runtime debug，而是先把页面做得更像可以真实检验的块编辑器。
|
||||
- list [ref=e43]:
|
||||
- listitem [ref=e44]:
|
||||
- paragraph [ref=e45]: 标题、段落、引用、代码块
|
||||
- listitem [ref=e46]:
|
||||
- paragraph [ref=e47]: 无序列表 / 有序列表 / Todo 列表
|
||||
- listitem [ref=e48]:
|
||||
- paragraph [ref=e49]: 分割线、行内样式、链接和高亮
|
||||
- paragraph [ref=e50]:
|
||||
- text: 请把光标放到这里，然后按
|
||||
- code [ref=e51]: /
|
||||
- text: 。
|
||||
- generic [ref=e52]:
|
||||
- generic [ref=e53]:
|
||||
- text: 当前 P0 边界：
|
||||
- code [ref=e54]: paragraph / heading1-3 / bullet / ordered / todo / quote / code block / divider
|
||||
- generic [ref=e55]:
|
||||
- text: 运行时扩展不再走
|
||||
- code [ref=e56]: TiptapExtension::all_enabled()
|
||||
- text: ，这里已冻结为最小集合；当前 reload 走
|
||||
- code [ref=e57]: localStorage JSON
|
||||
- text: ，块菜单支持复制、删除、turn into 与顶层拖拽。
|
||||
- group [ref=e58]:
|
||||
- generic "调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面 展开 / 收起" [ref=e59] [cursor=pointer]:
|
||||
- generic [ref=e60]: 调试抽屉：保留 HTML / JSON / Selection 观测，但不再主导页面
|
||||
- generic [ref=e61]: 展开 / 收起
|
||||
Reference in New Issue
Block a user