- 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"