52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T185b,"use client"; import * as React from "react"; import type { Editor, JSONContent } from "@/components/kibo-ui/editor"; import { EditorBubbleMenu, EditorCharacterCount, EditorClearFormatting, EditorFloatingMenu, EditorFormatBold, EditorFormatCode, EditorFormatItalic, EditorFormatStrike, EditorFormatSubscript, EditorFormatSuperscript, EditorFormatUnderline, EditorLinkSelector, EditorNodeBulletList, EditorNodeCode, EditorNodeHeading1, EditorNodeHeading2, EditorNodeHeading3, EditorNodeOrderedList, EditorNodeQuote, EditorNodeTable, EditorNodeTaskList, EditorNodeText, EditorProvider, EditorSelector, EditorTableColumnAfter, EditorTableColumnBefore, EditorTableColumnDelete, EditorTableColumnMenu, EditorTableDelete, EditorTableFix, EditorTableGlobalMenu, EditorTableHeaderColumnToggle, EditorTableHeaderRowToggle, EditorTableMenu, EditorTableMergeCells, EditorTableRowAfter, EditorTableRowBefore, EditorTableRowDelete, EditorTableRowMenu, EditorTableSplitCell, } from "@/components/kibo-ui/editor"; export const title = "Rich text editor"; const initialContent: JSONContent = { type: "doc", content: [ { type: "heading", attrs: { level: 1 }, content: [{ type: "text", text: "Release notes" }], }, { type: "paragraph", content: [ { type: "text", text: "Write polished docs with " }, { type: "text", marks: [{ type: "bold" }], text: "bold" }, { type: "text", text: ", " }, { type: "text", marks: [{ type: "italic" }], text: "italic" }, { type: "text", text: ", and " }, { type: "text", marks: [{ type: "code" }], text: "inline code" }, { type: "text", text: ". Type " }, { type: "text", marks: [{ type: "code" }], text: "/" }, { type: "text", text: " for slash commands." }, ], }, { type: "taskList", content: [ { type: "taskItem", attrs: { checked: true }, content: [ { type: "paragraph", content: [{ type: "text", text: "Ship the changelog" }], }, ], }, { type: "taskItem", attrs: { checked: false }, content: [ { type: "paragraph", content: [{ type: "text", text: "Record a demo clip" }], }, ], }, ], }, { type: "blockquote", content: [ { type: "paragraph", content: [ { type: "text", text: "Select text for the bubble menu, or leave a blank line for the floating menu.", }, ], }, ], }, { type: "codeBlock", attrs: { language: "javascript" }, content: [ { type: "text", text: "export function greet(name) {\n return `Hello, ${name}`;\n}", }, ], }, { type: "table", content: [ { type: "tableRow", content: ["Feature", "Status", "Owner"].map((text) => ({ type: "tableHeader", attrs: { colspan: 1, rowspan: 1, colwidth: null }, content: [{ type: "paragraph", content: [{ type: "text", text }] }], })), }, { type: "tableRow", content: ["Slash commands", "Ready", "Design"].map((text) => ({ type: "tableCell", attrs: { colspan: 1, rowspan: 1, colwidth: null }, content: [{ type: "paragraph", content: [{ type: "text", text }] }], })), }, { type: "tableRow", content: ["Tables", "Ready", "Editor"].map((text) => ({ type: "tableCell", attrs: { colspan: 1, rowspan: 1, colwidth: null }, content: [{ type: "paragraph", content: [{ type: "text", text }] }], })), }, ], }, ], }; const Example = () => { const [content, setContent] = React.useState(initialContent); return ( setContent(editor.getJSON()) } placeholder="Start typing, or press / for commands…" > Words: ); }; export default Example; 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L52",null,{"namespace":"@shadcnblocks","registryDependencies":["https://www.kibo-ui.com/r/editor.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"example/editor/editor-standard-1.tsx","content":"$54","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]