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:T1416,'use client'; import * as React from 'react'; import { MarkdownPlugin, remarkMdx, remarkMention } from '@platejs/markdown'; import { Plate, usePlateEditor } from 'platejs/react'; import remarkEmoji from 'remark-emoji'; import remarkGfm from 'remark-gfm'; import remarkMath from 'remark-math'; import { EditorKit } from '@/registry/components/editor/editor-kit'; import { useDebounce } from '@/registry/hooks/use-debounce'; import { Editor, EditorContainer } from '@/registry/ui/editor'; const initialMarkdown = `## Basic Markdown > The following node and marks is supported by the Markdown standard. Format text with **bold**, _italic_, _**combined styles**_, ~~strikethrough~~, \`code\` formatting, and [hyperlinks](https://en.wikipedia.org/wiki/Hypertext). \`\`\`javascript // Use code blocks to showcase code snippets function greet() { console.info("Hello World!") } \`\`\` - Simple lists for organizing content 1. Numbered lists for sequential steps | **Plugin** | **Element** | **Inline** | **Void** | | ----------- | ----------- | ---------- | -------- | | **Heading** | | | No | | **Image** | Yes | No | Yes | | **Mention** | Yes | Yes | Yes | ![](https://images.unsplash.com/photo-1712688930249-98e1963af7bd?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) - [x] Completed tasks - [ ] Pending tasks GFM footnotes round-trip too.[^1] [^1]: Footnote definitions deserialize to dedicated footnote nodes. --- ## Advanced Features The following node and marks are not supported in Markdown but can be serialized and deserialized using MDX or specialized UnifiedJS plugins. Advanced marks: ⌘ + B,underlined, highlighted text, colored text and background highlights for visual emphasis. Superscript like E=mc² and subscript like H₂O demonstrate mathematical and chemical notation capabilities. Add mentions like [Aayla Sxecura](mention:mention_id) 12312 , dates (2025-05-08), and math formulas ($E=mc^2$). The table of contents feature automatically generates document structure for easy navigation. Math formula support makes displaying complex mathematical expressions simple. $$ \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a} $$ Multi-column layout features enable richer page designs and content layouts. left right PDF embedding makes document referencing simple and intuitive. Audio players can be embedded directly into documents, supporting online audio resources.