4e: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"] 4f: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"] 50:T6fe,'use client'; import * as React from 'react'; import { Plate, usePlateEditor } from 'platejs/react'; import { Separator } from '@/components/ui/separator'; import { BasicNodesKit } from '@/registry/components/editor/plugins/basic-nodes-kit'; import { MediaKit } from '@/registry/components/editor/plugins/media-kit'; import { basicBlocksValue } from '@/registry/examples/values/basic-blocks-value'; import { basicMarksValue } from '@/registry/examples/values/basic-marks-value'; import { imageValue } from '@/registry/examples/values/media-value'; import { Editor, EditorContainer } from '@/registry/ui/editor'; import { FixedToolbar } from '@/registry/ui/fixed-toolbar'; import { TurnIntoToolbarButton } from '@/registry/ui/turn-into-toolbar-button'; export default function MultipleEditorsDemo() { const editor = usePlateEditor({ id: 'editor1', plugins: BasicNodesKit, value: basicBlocksValue, }); const editorMarks = usePlateEditor({ id: 'marks', plugins: BasicNodesKit, value: basicMarksValue, }); const editorImage = usePlateEditor({ id: 'image', plugins: [...BasicNodesKit, ...MediaKit], value: imageValue, }); return (

); } 51:T572,/** @jsxRuntime classic */ /** @jsx jsx */ import { jsx } from '@platejs/test-utils'; import { KEYS } from 'platejs'; jsx; export const basicBlocksValue: any = ( Heading 1 This is a top-level heading, typically used for main titles and major section headers. Heading 2 Secondary headings help organize content into clear sections and subsections. Heading 3 Third-level headings provide further content structure and hierarchy. Blockquotes can group multiple paragraphs, quoted lists, and replies in one container. Use nested blockquotes when you need to keep the quote hierarchy explicit. Nested blockquotes keep reply chains readable. Use headings to create a clear document structure that helps readers navigate your content effectively. Combine them with blockquotes to emphasize important information. Horizontal rules help visually separate different sections of your content, creating clear breaks between topics or ideas. ); 52:T44d,/** @jsxRuntime classic */ /** @jsx jsx */ import { jsx } from '@platejs/test-utils'; jsx; export const basicMarksValue: any = ( Text Formatting Add style and emphasis to your text using various formatting options. Make text bold, italic,{' '} underlined, or apply a{' '} combination {' '} of these styles for emphasis. Add strikethrough to indicate deleted content, use inline code for technical terms, or{' '} highlight important information. Format mathematical expressions with subscript{' '} and superscript text. Show keyboard shortcuts like ⌘ + B for bold or{' '} ⌘ + I for italic formatting. ); 53:T943,/** @jsxRuntime classic */ /** @jsx jsx */ import { jsx } from '@platejs/test-utils'; jsx; export const imageValue: any = ( Image Add images by either uploading them or providing the image URL: Customize image captions and resize images. ); export const mediaPlaceholderValue: any = ( Upload Our editor supports various media types for upload, including images, videos, audio, and files. Real-time upload status and progress tracking Configurable file size limits and batch upload settings Clear error messages for any upload issues Try it now - drag an image from your desktop or click the upload button in the toolbar ); export const mediaValue: any = ( {imageValue} {mediaPlaceholderValue} Embed Embed various types of content, such as videos and tweets: {/* BUG */} {/* */} ); 4d:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@platejs/basic-nodes",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40platejs%2Fbasic-nodes","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@platejs/basic-nodes"}]]}]}],["$","li","@platejs/basic-nodes",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40platejs%2Fbasic-nodes","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@platejs/basic-nodes"}]]}]}],["$","li","@platejs/media",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40platejs%2Fmedia","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@platejs/media"}]]}]}]]}],["$","$L4e",null,{"namespace":"@plate","registryDependencies":["separator","https://platejs.org/r/basic-nodes-kit.json","https://platejs.org/r/media-kit.json","https://platejs.org/r/editor.json","https://platejs.org/r/fixed-toolbar.json","https://platejs.org/r/turn-into-toolbar-button.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"src/registry/examples/multiple-editors-demo.tsx","content":"$50","type":"registry:example"},{"path":"src/registry/examples/values/basic-blocks-value.tsx","content":"$51","type":"registry:example"},{"path":"src/registry/examples/values/basic-marks-value.tsx","content":"$52","type":"registry:example"},{"path":"src/registry/examples/values/media-value.tsx","content":"$53","type":"registry:example"}],"className":"h-[70svh] min-h-80"}]]}]