3a:I[24469,["17513","static/chunks/b6eb3486-654e59093b387534.js","94816","static/chunks/94816-3043f31c139f8567.js","55486","static/chunks/55486-86727f4563894579.js","40915","static/chunks/40915-5d5d922b02a9d28b.js","50952","static/chunks/50952-2fb324f79aabe5b6.js","17770","static/chunks/17770-d202d2c9d2bc0261.js","35647","static/chunks/35647-35a0ca93516c0804.js","12072","static/chunks/12072-02c9be1119f0b242.js","95585","static/chunks/95585-07a9788b1ed6b005.js","87449","static/chunks/87449-050e5a474409a04a.js","40448","static/chunks/40448-4e0a39b6c8de5e8d.js","34950","static/chunks/34950-de03e34e7f8b5c40.js","679","static/chunks/679-bcb27f54d6fdc722.js","84036","static/chunks/84036-bc66ecdf12378bfa.js","40674","static/chunks/40674-c936673c8c67cb0f.js","27369","static/chunks/27369-40563fc15d6fcab6.js","83448","static/chunks/83448-e5d17da4d2d0239b.js","27256","static/chunks/27256-99dd14323d68bf39.js","37006","static/chunks/37006-e206c3fa3249e77c.js","64749","static/chunks/64749-393a617ac6008c3e.js","11090","static/chunks/11090-e80370664e81e363.js","60851","static/chunks/60851-e2603afe3ad591ab.js","66717","static/chunks/66717-6841301c40ed490c.js","21731","static/chunks/21731-613232cf068b094e.js","3994","static/chunks/3994-612eb2696048fac1.js","18320","static/chunks/18320-8c5d809df3926491.js","63619","static/chunks/63619-ee3c3bceb93889f7.js","60757","static/chunks/app/(app)/docs/%5B%5B...slug%5D%5D/page-ea4f528f39805361.js"],"ComponentInstallation"] 3b:T1add,

'use client';

import { EditorRoot, useCreateEditor } from 'platejs/react';

import {
  Editor,
  EditorContainer,
  EditorFrame,
} from '@/components/editor/editor';
import { EditorKit } from '@/components/editor/plugins';

import { createValue } from './values/demo-values';

export default function Demo({ id }: { id: string }) {
  const editor = useCreateEditor({
    plugins: EditorKit,
    initialValue: createValue(id),
    userId: 'demo',
  });

  return (
    <EditorRoot editor={editor}>
      <EditorFrame className="h-[650px]">
        <EditorContainer>
          <Editor />
        </EditorContainer>
      </EditorFrame>
    </EditorRoot>
  );
}

3c:T1c1f,'use client'; import { ArrowDownToLineIcon } from 'lucide-react'; import { createEditor } from 'platejs'; import { MarkdownPlugin } from 'platejs/markdown'; import { useEditor, useModelEditor } from 'platejs/react'; import { renderStaticHtml } from 'platejs/static'; import * as React from 'react'; import { toast } from 'sonner'; import { DOCX_EXPORT_STYLES, DocxExportKit, } from '@/components/editor/docx-export'; import { useDocxSource } from '@/components/editor/docx-source'; import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, } from '@/components/editor/dropdown-menu'; import { BaseEditorKit } from '@/components/editor/plugins-static'; import { ToolbarButton } from '@/components/editor/toolbar'; import { EditorStatic } from './editor-static'; const siteUrl = 'https://platejs.org'; const downloadFile = async (url: string, filename: string) => { const response = await fetch(url); const blob = await response.blob(); const blobUrl = window.URL.createObjectURL(blob); const link = document.createElement('a'); link.href = blobUrl; link.download = filename; document.body.append(link); link.click(); link.remove(); window.URL.revokeObjectURL(blobUrl); }; export function ExportToolbarButton() { const editor = useEditor(); const model = useModelEditor(); const [open, setOpen] = React.useState(false); const docxSource = useDocxSource(); const getCanvas = async () => { const { default: html2canvas } = await import('html2canvas-pro'); const editorElement = editor.api.dom.resolveDOMNode(editor); if (!editorElement) { throw new Error('Cannot resolve editor DOM node for export.'); } const canvas = await html2canvas(editorElement, { onclone: (document: Document) => { const innerEditorElement = document.querySelector( '[contenteditable="true"]' ); if (innerEditorElement) { Array.from(innerEditorElement.querySelectorAll('*')).forEach( (element) => { const existingStyle = element.getAttribute('style') || ''; element.setAttribute( 'style', `${existingStyle}; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important` ); } ); } }, }); return canvas; }; const exportToPdf = async () => { const [canvas, PDFLib] = await Promise.all([ getCanvas(), import('pdf-lib'), ]); const pdfDoc = await PDFLib.PDFDocument.create(); const page = pdfDoc.addPage([canvas.width, canvas.height]); const imageEmbed = await pdfDoc.embedPng(canvas.toDataURL('PNG')); const { height, width } = imageEmbed.scale(1); page.drawImage(imageEmbed, { height, width, x: 0, y: 0, }); const pdfBase64 = await pdfDoc.saveAsBase64({ dataUri: true }); await downloadFile(pdfBase64, 'plate.pdf'); }; const exportToImage = async () => { const canvas = await getCanvas(); await downloadFile(canvas.toDataURL('image/png'), 'plate.png'); }; const exportToHtml = async () => { const editorStatic = createEditor({ plugins: BaseEditorKit, initialValue: editor.read.children(), }); const editorHtml = await renderStaticHtml(editorStatic, { editorComponent: EditorStatic, props: { style: { padding: '0 calc(50% - 350px)', paddingBottom: '' } }, }); const tailwindCss = ``; const katexCss = ``; const html = ` ${tailwindCss} ${katexCss} ${editorHtml} `; const url = `data:text/html;charset=utf-8,${encodeURIComponent(html)}`; await downloadFile(url, 'plate.html'); }; const exportToMarkdown = async () => { const md = editor.plugin(MarkdownPlugin).api.serialize(); const url = `data:text/markdown;charset=utf-8,${encodeURIComponent(md)}`; await downloadFile(url, 'plate.md'); }; const exportToWord = async () => { const { exportToDocx } = await import('platejs/docx/export'); const result = await exportToDocx(model, { editorPlugins: [...BaseEditorKit, ...DocxExportKit], projection: docxSource ? 'review' : 'proposed', source: docxSource?.source ?? undefined, stylesheet: DOCX_EXPORT_STYLES, }); if (!result.ok) { toast.error( result.diagnostics.find(({ severity }) => severity === 'error') ?.message ?? 'The Word document could not be exported.' ); return; } const url = URL.createObjectURL(result.blob); const link = document.createElement('a'); link.href = url; link.download = 'plate.docx'; document.body.append(link); link.click(); link.remove(); URL.revokeObjectURL(url); const warningCount = result.diagnostics.filter( ({ severity }) => severity === 'warning' ).length; if (warningCount > 0) { toast.warning( `Exported with ${warningCount} warning${warningCount === 1 ? '' : 's'}.` ); } }; return ( Export as HTML Export as PDF Export as Image Export as Markdown Export as Word ); } 3d:Te856,

'use client';

import { ArrowDownToLineIcon } from 'lucide-react';
import { createEditor } from 'platejs';
import { MarkdownPlugin } from 'platejs/markdown';
import { useEditor, useModelEditor } from 'platejs/react';
import { renderStaticHtml } from 'platejs/static';
import * as React from 'react';
import { toast } from 'sonner';

import {
  DOCX_EXPORT_STYLES,
  DocxExportKit,
} from '@/components/editor/docx-export';
import { useDocxSource } from '@/components/editor/docx-source';
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from '@/components/editor/dropdown-menu';
import { BaseEditorKit } from '@/components/editor/plugins-static';
import { ToolbarButton } from '@/components/editor/toolbar';

import { EditorStatic } from './editor-static';

const siteUrl = 'https://platejs.org';

const downloadFile = async (url: string, filename: string) => {
  const response = await fetch(url);
  const blob = await response.blob();
  const blobUrl = window.URL.createObjectURL(blob);
  const link = document.createElement('a');

  link.href = blobUrl;
  link.download = filename;
  document.body.append(link);
  link.click();
  link.remove();
  window.URL.revokeObjectURL(blobUrl);
};

export function ExportToolbarButton() {
  const editor = useEditor();
  const model = useModelEditor();
  const [open, setOpen] = React.useState(false);
  const docxSource = useDocxSource();

  const getCanvas = async () => {
    const { default: html2canvas } = await import('html2canvas-pro');

    const editorElement = editor.api.dom.resolveDOMNode(editor);

    if (!editorElement) {
      throw new Error('Cannot resolve editor DOM node for export.');
    }

    const canvas = await html2canvas(editorElement, {
      onclone: (document: Document) => {
        const innerEditorElement = document.querySelector(
          '[contenteditable="true"]'
        );
        if (innerEditorElement) {
          Array.from(innerEditorElement.querySelectorAll('*')).forEach(
            (element) => {
              const existingStyle = element.getAttribute('style') || '';
              element.setAttribute(
                'style',
                `${existingStyle}; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important`
              );
            }
          );
        }
      },
    });

    return canvas;
  };

  const exportToPdf = async () => {
    const [canvas, PDFLib] = await Promise.all([
      getCanvas(),
      import('pdf-lib'),
    ]);
    const pdfDoc = await PDFLib.PDFDocument.create();
    const page = pdfDoc.addPage([canvas.width, canvas.height]);
    const imageEmbed = await pdfDoc.embedPng(canvas.toDataURL('PNG'));
    const { height, width } = imageEmbed.scale(1);
    page.drawImage(imageEmbed, {
      height,
      width,
      x: 0,
      y: 0,
    });
    const pdfBase64 = await pdfDoc.saveAsBase64({ dataUri: true });

    await downloadFile(pdfBase64, 'plate.pdf');
  };

  const exportToImage = async () => {
    const canvas = await getCanvas();
    await downloadFile(canvas.toDataURL('image/png'), 'plate.png');
  };

  const exportToHtml = async () => {
    const editorStatic = createEditor({
      plugins: BaseEditorKit,
      initialValue: editor.read.children(),
    });

    const editorHtml = await renderStaticHtml(editorStatic, {
      editorComponent: EditorStatic,
      props: { style: { padding: '0 calc(50% - 350px)', paddingBottom: '' } },
    });

    const tailwindCss = `<link rel="stylesheet" href="${siteUrl}/tailwind.css">`;
    const katexCss = `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.18/dist/katex.css" integrity="sha384-9PvLvaiSKCPkFKB1ZsEoTjgnJn+O3KvEwtsz37/XrkYft3DTk2gHdYvd9oWgW3tV" crossorigin="anonymous">`;

    const html = `<!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="color-scheme" content="light dark" />
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link
          href="https://fonts.googleapis.com/css2?family=Inter:wght@400..700&family=JetBrains+Mono:wght@400..700&display=swap"
          rel="stylesheet"
        />
        ${tailwindCss}
        ${katexCss}
        <style>
          :root {
            --font-sans: 'Inter', 'Inter Fallback';
            --font-mono: 'JetBrains Mono', 'JetBrains Mono Fallback';
          }
        </style>
      </head>
      <body>
        ${editorHtml}
      </body>
    </html>`;

    const url = `data:text/html;charset=utf-8,${encodeURIComponent(html)}`;

    await downloadFile(url, 'plate.html');
  };

  const exportToMarkdown = async () => {
    const md = editor.plugin(MarkdownPlugin).api.serialize();
    const url = `data:text/markdown;charset=utf-8,${encodeURIComponent(md)}`;
    await downloadFile(url, 'plate.md');
  };

  const exportToWord = async () => {
    const { exportToDocx } = await import('platejs/docx/export');
    const result = await exportToDocx(model, {
      editorPlugins: [...BaseEditorKit, ...DocxExportKit],
      projection: docxSource ? 'review' : 'proposed',
      source: docxSource?.source ?? undefined,
      stylesheet: DOCX_EXPORT_STYLES,
    });

    if (!result.ok) {
      toast.error(
        result.diagnostics.find(({ severity }) => severity === 'error')
          ?.message ?? 'The Word document could not be exported.'
      );

      return;
    }

    const url = URL.createObjectURL(result.blob);
    const link = document.createElement('a');
    link.href = url;
    link.download = 'plate.docx';
    document.body.append(link);
    link.click();
    link.remove();
    URL.revokeObjectURL(url);

    const warningCount = result.diagnostics.filter(
      ({ severity }) => severity === 'warning'
    ).length;

    if (warningCount > 0) {
      toast.warning(
        `Exported with ${warningCount} warning${warningCount === 1 ? '' : 's'}.`
      );
    }
  };

  return (
    <DropdownMenu open={open} onOpenChange={setOpen} modal={false}>
      <DropdownMenuTrigger>
        <ToolbarButton
          aria-label="Export"
          pressed={open}
          tooltip="Export"
          isDropdown
        >
          <ArrowDownToLineIcon className="size-4" />
        </ToolbarButton>
      </DropdownMenuTrigger>

      <DropdownMenuContent align="start">
        <DropdownMenuGroup>
          <DropdownMenuItem onSelect={exportToHtml}>
            Export as HTML
          </DropdownMenuItem>
          <DropdownMenuItem onSelect={exportToPdf}>
            Export as PDF
          </DropdownMenuItem>
          <DropdownMenuItem onSelect={exportToImage}>
            Export as Image
          </DropdownMenuItem>
          <DropdownMenuItem onSelect={exportToMarkdown}>
            Export as Markdown
          </DropdownMenuItem>
          <DropdownMenuItem onSelect={exportToWord}>
            Export as Word
          </DropdownMenuItem>
        </DropdownMenuGroup>
      </DropdownMenuContent>
    </DropdownMenu>
  );
}

3e:T1c1f,'use client'; import { ArrowDownToLineIcon } from 'lucide-react'; import { createEditor } from 'platejs'; import { MarkdownPlugin } from 'platejs/markdown'; import { useEditor, useModelEditor } from 'platejs/react'; import { renderStaticHtml } from 'platejs/static'; import * as React from 'react'; import { toast } from 'sonner'; import { DOCX_EXPORT_STYLES, DocxExportKit, } from '@/components/editor/docx-export'; import { useDocxSource } from '@/components/editor/docx-source'; import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, } from '@/components/editor/dropdown-menu'; import { BaseEditorKit } from '@/components/editor/plugins-static'; import { ToolbarButton } from '@/components/editor/toolbar'; import { EditorStatic } from './editor-static'; const siteUrl = 'https://platejs.org'; const downloadFile = async (url: string, filename: string) => { const response = await fetch(url); const blob = await response.blob(); const blobUrl = window.URL.createObjectURL(blob); const link = document.createElement('a'); link.href = blobUrl; link.download = filename; document.body.append(link); link.click(); link.remove(); window.URL.revokeObjectURL(blobUrl); }; export function ExportToolbarButton() { const editor = useEditor(); const model = useModelEditor(); const [open, setOpen] = React.useState(false); const docxSource = useDocxSource(); const getCanvas = async () => { const { default: html2canvas } = await import('html2canvas-pro'); const editorElement = editor.api.dom.resolveDOMNode(editor); if (!editorElement) { throw new Error('Cannot resolve editor DOM node for export.'); } const canvas = await html2canvas(editorElement, { onclone: (document: Document) => { const innerEditorElement = document.querySelector( '[contenteditable="true"]' ); if (innerEditorElement) { Array.from(innerEditorElement.querySelectorAll('*')).forEach( (element) => { const existingStyle = element.getAttribute('style') || ''; element.setAttribute( 'style', `${existingStyle}; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important` ); } ); } }, }); return canvas; }; const exportToPdf = async () => { const [canvas, PDFLib] = await Promise.all([ getCanvas(), import('pdf-lib'), ]); const pdfDoc = await PDFLib.PDFDocument.create(); const page = pdfDoc.addPage([canvas.width, canvas.height]); const imageEmbed = await pdfDoc.embedPng(canvas.toDataURL('PNG')); const { height, width } = imageEmbed.scale(1); page.drawImage(imageEmbed, { height, width, x: 0, y: 0, }); const pdfBase64 = await pdfDoc.saveAsBase64({ dataUri: true }); await downloadFile(pdfBase64, 'plate.pdf'); }; const exportToImage = async () => { const canvas = await getCanvas(); await downloadFile(canvas.toDataURL('image/png'), 'plate.png'); }; const exportToHtml = async () => { const editorStatic = createEditor({ plugins: BaseEditorKit, initialValue: editor.read.children(), }); const editorHtml = await renderStaticHtml(editorStatic, { editorComponent: EditorStatic, props: { style: { padding: '0 calc(50% - 350px)', paddingBottom: '' } }, }); const tailwindCss = ``; const katexCss = ``; const html = ` ${tailwindCss} ${katexCss} ${editorHtml} `; const url = `data:text/html;charset=utf-8,${encodeURIComponent(html)}`; await downloadFile(url, 'plate.html'); }; const exportToMarkdown = async () => { const md = editor.plugin(MarkdownPlugin).api.serialize(); const url = `data:text/markdown;charset=utf-8,${encodeURIComponent(md)}`; await downloadFile(url, 'plate.md'); }; const exportToWord = async () => { const { exportToDocx } = await import('platejs/docx/export'); const result = await exportToDocx(model, { editorPlugins: [...BaseEditorKit, ...DocxExportKit], projection: docxSource ? 'review' : 'proposed', source: docxSource?.source ?? undefined, stylesheet: DOCX_EXPORT_STYLES, }); if (!result.ok) { toast.error( result.diagnostics.find(({ severity }) => severity === 'error') ?.message ?? 'The Word document could not be exported.' ); return; } const url = URL.createObjectURL(result.blob); const link = document.createElement('a'); link.href = url; link.download = 'plate.docx'; document.body.append(link); link.click(); link.remove(); URL.revokeObjectURL(url); const warningCount = result.diagnostics.filter( ({ severity }) => severity === 'warning' ).length; if (warningCount > 0) { toast.warning( `Exported with ${warningCount} warning${warningCount === 1 ? '' : 's'}.` ); } }; return ( Export as HTML Export as PDF Export as Image Export as Markdown Export as Word ); } 39:["$","$L3a",null,{"name":"export-toolbar-button","dependencies":["platejs","html2canvas-pro","pdf-lib","lucide-react","color-name","html-to-vdom","jszip","juice","mime-types","sonner","virtual-dom","xmlbuilder2","diff-match-patch-ts@^0.6.0","marked@^15.0.12","remark-mdx@^3.1.0","remark-parse@^11.0.0","remark-stringify@^11.0.0","unified@^11.0.5","katex@0.16.22","lowlight","class-variance-authority","@radix-ui/react-slot","jszip@^3.10.1","mammoth@^1.9.0","validator@^13.15.15","@base-ui/react","@radix-ui/react-dropdown-menu","flowchart.js@^1.15.0","mermaid@^11.6.1","plantuml-encoder@^1.4.0","viz.js@^2.1.2","remark-emoji","remark-gfm","remark-math"],"examples":[{"dependencies":["@platejs/test","platejs","diff-match-patch-ts@^0.6.0","class-variance-authority","@base-ui/react","lucide-react","@ai-sdk/react@^3.0.0","ai@^6.0.0","fastest-levenshtein@1.0.16","marked@^15.0.12","remark-mdx@^3.1.0","remark-parse@^11.0.0","remark-stringify@^11.0.0","unified@^11.0.5","cmdk","@radix-ui/react-slot","@radix-ui/react-dialog","date-fns","@radix-ui/react-avatar","@radix-ui/react-dropdown-menu","@ai-sdk/react@3","ai@6","sonner","lowlight","flowchart.js@^1.15.0","mermaid@^11.6.1","plantuml-encoder@^1.4.0","viz.js@^2.1.2","remark-emoji","remark-gfm","remark-math","katex@0.16.22","@ai-sdk/gateway@3","dedent@1.0.0","zod","next","react-dnd","react-dnd-html5-backend","raf@^3.4.1","@radix-ui/react-tooltip"],"doc":{"title":"$undefined"},"highlightedFiles":[{"path":"demo.tsx","content":"'use client';\n\nimport { EditorRoot, useCreateEditor } from 'platejs/react';\n\nimport {\n Editor,\n EditorContainer,\n EditorFrame,\n} from '@/components/editor/editor';\nimport { EditorKit } from '@/components/editor/plugins';\n\nimport { createValue } from './values/demo-values';\n\nexport default function Demo({ id }: { id: string }) {\n const editor = useCreateEditor({\n plugins: EditorKit,\n initialValue: createValue(id),\n userId: 'demo',\n });\n\n return (\n \n \n \n \n \n \n \n );\n}\n","type":"registry:example","target":"components/demo.tsx","highlightedContent":"$3b"},{"path":"values/basic-nodes-value.tsx","content":"$undefined","type":"registry:example","target":"components/basic-nodes-value.tsx","highlightedContent":"

"},{"path":"values/basic-blocks-value.tsx","content":"$undefined","type":"registry:example","target":"components/basic-blocks-value.tsx","highlightedContent":"

"},{"path":"values/basic-marks-value.tsx","content":"$undefined","type":"registry:example","target":"components/basic-marks-value.tsx","highlightedContent":"

"},{"path":"../components/editor/basic-nodes.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-nodes.tsx","highlightedContent":"

"},{"path":"../components/editor/basic-blocks.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-blocks.tsx","highlightedContent":"

"},{"path":"../components/editor/blockquote.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/blockquote.tsx","highlightedContent":"

"},{"path":"../components/editor/heading.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/heading.tsx","highlightedContent":"

"},{"path":"../components/editor/horizontal-rule.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/horizontal-rule.tsx","highlightedContent":"

"},{"path":"../components/editor/paragraph.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/paragraph.tsx","highlightedContent":"

"},{"path":"../components/editor/basic-marks.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-marks.tsx","highlightedContent":"

"},{"path":"../components/editor/code.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code.tsx","highlightedContent":"

"},{"path":"../components/editor/highlight.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/highlight.tsx","highlightedContent":"

"},{"path":"../components/editor/kbd.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/kbd.tsx","highlightedContent":"

"},{"path":"../components/editor/mark-toolbar-button.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/mark-toolbar-button.tsx","highlightedContent":"

"},{"path":"../bases/base/toolbar.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toolbar.tsx","highlightedContent":"

"},{"path":"../components/editor/toolbar-overlay.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toolbar-overlay.tsx","highlightedContent":"

"},{"path":"../components/editor/editor.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/editor.tsx","highlightedContent":"

"},{"path":"../components/editor/ai.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/ai.tsx","highlightedContent":"

"},{"path":"../components/editor/ai-menu.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/ai-menu.tsx","highlightedContent":"

"},{"path":"../components/editor/comment.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/comment.tsx","highlightedContent":"

"},{"path":"../components/editor/basic-marks-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-marks-static.tsx","highlightedContent":"

"},{"path":"../components/editor/code-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-static.tsx","highlightedContent":"

"},{"path":"../components/editor/highlight-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/highlight-static.tsx","highlightedContent":"

"},{"path":"../components/editor/kbd-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/kbd-static.tsx","highlightedContent":"

"},{"path":"../bases/base/dropdown-menu.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/dropdown-menu.tsx","highlightedContent":"

"},{"path":"../bases/base/floating-popover.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/floating-popover.tsx","highlightedContent":"

"},{"path":"../components/editor/use-chat.ts","content":"$undefined","type":"registry:component","target":"@components/editor/use-chat.ts","highlightedContent":"

"},{"path":"../components/editor/editor-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/editor-static.tsx","highlightedContent":"

"},{"path":"../components/editor/plugins-static.ts","content":"$undefined","type":"registry:component","target":"@components/editor/plugins-static.ts","highlightedContent":"

"},{"path":"../components/editor/align.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/align.tsx","highlightedContent":"

"},{"path":"../components/editor/basic-blocks-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-blocks-static.tsx","highlightedContent":"

"},{"path":"../components/editor/blockquote-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/blockquote-static.tsx","highlightedContent":"

"},{"path":"../components/editor/heading-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/heading-static.tsx","highlightedContent":"

"},{"path":"../components/editor/horizontal-rule-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/horizontal-rule-static.tsx","highlightedContent":"

"},{"path":"../components/editor/paragraph-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/paragraph-static.tsx","highlightedContent":"

"},{"path":"../components/editor/callout-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/callout-static.tsx","highlightedContent":"

"},{"path":"../components/editor/code-block-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-block-static.tsx","highlightedContent":"

"},{"path":"../components/editor/code-drawing-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-drawing-static.tsx","highlightedContent":"

"},{"path":"../components/editor/column-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/column-static.tsx","highlightedContent":"

"},{"path":"../components/editor/date-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/date-static.tsx","highlightedContent":"

"},{"path":"../lib/inline-suggestion.ts","content":"$undefined","type":"registry:lib","target":"lib/inline-suggestion.ts","highlightedContent":"

"},{"path":"../components/editor/font-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/font-static.tsx","highlightedContent":"

"},{"path":"../components/editor/footnote-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/footnote-static.tsx","highlightedContent":"

"},{"path":"../components/editor/line-height.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/line-height.tsx","highlightedContent":"

"},{"path":"../components/editor/link-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/link-static.tsx","highlightedContent":"

"},{"path":"../components/editor/list-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/list-static.tsx","highlightedContent":"

"},{"path":"../components/editor/block-list-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/block-list-static.tsx","highlightedContent":"

"},{"path":"../components/editor/indent-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/indent-static.tsx","highlightedContent":"

"},{"path":"../components/editor/markdown.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/markdown.tsx","highlightedContent":"

"},{"path":"../components/editor/math-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/math-static.tsx","highlightedContent":"

"},{"path":"../components/editor/media-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-static.tsx","highlightedContent":"

"},{"path":"../components/editor/media-audio-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-audio-static.tsx","highlightedContent":"

"},{"path":"../components/editor/caption-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/caption-static.tsx","highlightedContent":"

"},{"path":"../components/editor/media-embed-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-embed-static.tsx","highlightedContent":"

"},{"path":"../components/editor/media-file-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-file-static.tsx","highlightedContent":"

"},{"path":"../components/editor/media-image-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-image-static.tsx","highlightedContent":"

"},{"path":"../components/editor/media-video-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-video-static.tsx","highlightedContent":"

"},{"path":"../components/editor/mention-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/mention-static.tsx","highlightedContent":"

"},{"path":"../components/editor/table-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/table-static.tsx","highlightedContent":"

"},{"path":"../components/editor/toc-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toc-static.tsx","highlightedContent":"

"},{"path":"../components/editor/details-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/details-static.tsx","highlightedContent":"

"},{"path":"../components/editor/ai-toolbar-button.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/ai-toolbar-button.tsx","highlightedContent":"

"},{"path":"../app/api/ai/command/route.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/route.ts","highlightedContent":"

"},{"path":"../app/api/ai/command/utils.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/utils.ts","highlightedContent":"

"},{"path":"../app/api/ai/command/prompt/common.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/common.ts","highlightedContent":"

"},{"path":"../app/api/ai/command/prompt/getChooseToolPrompt.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/getChooseToolPrompt.ts","highlightedContent":"

"},{"path":"../app/api/ai/command/prompt/getCommentPrompt.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/getCommentPrompt.ts","highlightedContent":"

"},{"path":"../app/api/ai/command/prompt/getEditPrompt.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/getEditPrompt.ts","highlightedContent":"

"},{"path":"../app/api/ai/command/prompt/getEditTablePrompt.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/getEditTablePrompt.ts","highlightedContent":"

"},{"path":"../app/api/ai/command/prompt/getGeneratePrompt.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/getGeneratePrompt.ts","highlightedContent":"

"},{"path":"../app/api/ai/copilot/route.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/copilot/route.ts","highlightedContent":"

"},{"path":"../lib/markdown-joiner-transform.ts","content":"$undefined","type":"registry:lib","target":"lib/markdown-joiner-transform.ts","highlightedContent":"

"},{"path":"../components/editor/dnd.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/dnd.tsx","highlightedContent":"

"}],"item":{"name":"basic-nodes-demo","description":"Basic block elements and text marks.","dependencies":["@platejs/test"],"registryDependencies":["@plate/basic-nodes","@plate/editor","@plate/ai","@plate/dnd"],"files":[{"path":"demo.tsx","content":"'use client';\n\nimport { EditorRoot, useCreateEditor } from 'platejs/react';\n\nimport {\n Editor,\n EditorContainer,\n EditorFrame,\n} from '@/components/editor/editor';\nimport { EditorKit } from '@/components/editor/plugins';\n\nimport { createValue } from './values/demo-values';\n\nexport default function Demo({ id }: { id: string }) {\n const editor = useCreateEditor({\n plugins: EditorKit,\n initialValue: createValue(id),\n userId: 'demo',\n });\n\n return (\n \n \n \n \n \n \n \n );\n}\n","type":"registry:example","target":"components/demo.tsx"},{"path":"values/basic-nodes-value.tsx","content":"$undefined","type":"registry:example","target":"components/basic-nodes-value.tsx"},{"path":"values/basic-blocks-value.tsx","content":"$undefined","type":"registry:example","target":"components/basic-blocks-value.tsx"},{"path":"values/basic-marks-value.tsx","content":"$undefined","type":"registry:example","target":"components/basic-marks-value.tsx"},{"path":"../components/editor/basic-nodes.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-nodes.tsx"},{"path":"../components/editor/basic-blocks.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-blocks.tsx"},{"path":"../components/editor/blockquote.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/blockquote.tsx"},{"path":"../components/editor/heading.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/heading.tsx"},{"path":"../components/editor/horizontal-rule.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/horizontal-rule.tsx"},{"path":"../components/editor/paragraph.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/paragraph.tsx"},{"path":"../components/editor/basic-marks.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-marks.tsx"},{"path":"../components/editor/code.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code.tsx"},{"path":"../components/editor/highlight.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/highlight.tsx"},{"path":"../components/editor/kbd.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/kbd.tsx"},{"path":"../components/editor/mark-toolbar-button.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/mark-toolbar-button.tsx"},{"path":"../bases/base/toolbar.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toolbar.tsx"},{"path":"../components/editor/toolbar-overlay.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toolbar-overlay.tsx"},{"path":"../components/editor/editor.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/editor.tsx"},{"path":"../components/editor/ai.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/ai.tsx"},{"path":"../components/editor/ai-menu.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/ai-menu.tsx"},{"path":"../components/editor/comment.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/comment.tsx"},{"path":"../components/editor/basic-marks-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-marks-static.tsx"},{"path":"../components/editor/code-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-static.tsx"},{"path":"../components/editor/highlight-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/highlight-static.tsx"},{"path":"../components/editor/kbd-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/kbd-static.tsx"},{"path":"../bases/base/dropdown-menu.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/dropdown-menu.tsx"},{"path":"../bases/base/floating-popover.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/floating-popover.tsx"},{"path":"../components/editor/use-chat.ts","content":"$undefined","type":"registry:component","target":"@components/editor/use-chat.ts"},{"path":"../components/editor/editor-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/editor-static.tsx"},{"path":"../components/editor/plugins-static.ts","content":"$undefined","type":"registry:component","target":"@components/editor/plugins-static.ts"},{"path":"../components/editor/align.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/align.tsx"},{"path":"../components/editor/basic-blocks-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-blocks-static.tsx"},{"path":"../components/editor/blockquote-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/blockquote-static.tsx"},{"path":"../components/editor/heading-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/heading-static.tsx"},{"path":"../components/editor/horizontal-rule-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/horizontal-rule-static.tsx"},{"path":"../components/editor/paragraph-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/paragraph-static.tsx"},{"path":"../components/editor/callout-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/callout-static.tsx"},{"path":"../components/editor/code-block-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-block-static.tsx"},{"path":"../components/editor/code-drawing-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-drawing-static.tsx"},{"path":"../components/editor/column-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/column-static.tsx"},{"path":"../components/editor/date-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/date-static.tsx"},{"path":"../lib/inline-suggestion.ts","content":"$undefined","type":"registry:lib","target":"lib/inline-suggestion.ts"},{"path":"../components/editor/font-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/font-static.tsx"},{"path":"../components/editor/footnote-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/footnote-static.tsx"},{"path":"../components/editor/line-height.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/line-height.tsx"},{"path":"../components/editor/link-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/link-static.tsx"},{"path":"../components/editor/list-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/list-static.tsx"},{"path":"../components/editor/block-list-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/block-list-static.tsx"},{"path":"../components/editor/indent-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/indent-static.tsx"},{"path":"../components/editor/markdown.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/markdown.tsx"},{"path":"../components/editor/math-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/math-static.tsx"},{"path":"../components/editor/media-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-static.tsx"},{"path":"../components/editor/media-audio-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-audio-static.tsx"},{"path":"../components/editor/caption-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/caption-static.tsx"},{"path":"../components/editor/media-embed-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-embed-static.tsx"},{"path":"../components/editor/media-file-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-file-static.tsx"},{"path":"../components/editor/media-image-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-image-static.tsx"},{"path":"../components/editor/media-video-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-video-static.tsx"},{"path":"../components/editor/mention-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/mention-static.tsx"},{"path":"../components/editor/table-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/table-static.tsx"},{"path":"../components/editor/toc-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toc-static.tsx"},{"path":"../components/editor/details-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/details-static.tsx"},{"path":"../components/editor/ai-toolbar-button.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/ai-toolbar-button.tsx"},{"path":"../app/api/ai/command/route.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/route.ts"},{"path":"../app/api/ai/command/utils.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/utils.ts"},{"path":"../app/api/ai/command/prompt/common.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/common.ts"},{"path":"../app/api/ai/command/prompt/getChooseToolPrompt.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/getChooseToolPrompt.ts"},{"path":"../app/api/ai/command/prompt/getCommentPrompt.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/getCommentPrompt.ts"},{"path":"../app/api/ai/command/prompt/getEditPrompt.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/getEditPrompt.ts"},{"path":"../app/api/ai/command/prompt/getEditTablePrompt.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/getEditTablePrompt.ts"},{"path":"../app/api/ai/command/prompt/getGeneratePrompt.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/command/prompt/getGeneratePrompt.ts"},{"path":"../app/api/ai/copilot/route.ts","content":"$undefined","type":"registry:file","target":"app/api/ai/copilot/route.ts"},{"path":"../lib/markdown-joiner-transform.ts","content":"$undefined","type":"registry:lib","target":"lib/markdown-joiner-transform.ts"},{"path":"../components/editor/dnd.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/dnd.tsx"}],"meta":{"docs":[{"route":"/docs/basic-blocks","title":"Basic Elements"}],"keywords":["element","leaf"],"registry":false},"type":"registry:example"},"name":"basic-nodes-demo","tree":[{"children":[{"name":"demo.tsx","path":"components/demo.tsx"},{"name":"basic-nodes-value.tsx","path":"components/basic-nodes-value.tsx"},{"name":"basic-blocks-value.tsx","path":"components/basic-blocks-value.tsx"},{"name":"basic-marks-value.tsx","path":"components/basic-marks-value.tsx"}],"name":"components"},{"children":[{"children":[{"name":"basic-nodes.tsx","path":"@components/editor/basic-nodes.tsx"},{"name":"basic-blocks.tsx","path":"@components/editor/basic-blocks.tsx"},{"name":"blockquote.tsx","path":"@components/editor/blockquote.tsx"},{"name":"heading.tsx","path":"@components/editor/heading.tsx"},{"name":"horizontal-rule.tsx","path":"@components/editor/horizontal-rule.tsx"},{"name":"paragraph.tsx","path":"@components/editor/paragraph.tsx"},{"name":"basic-marks.tsx","path":"@components/editor/basic-marks.tsx"},{"name":"code.tsx","path":"@components/editor/code.tsx"},{"name":"highlight.tsx","path":"@components/editor/highlight.tsx"},{"name":"kbd.tsx","path":"@components/editor/kbd.tsx"},{"name":"mark-toolbar-button.tsx","path":"@components/editor/mark-toolbar-button.tsx"},{"name":"toolbar.tsx","path":"@components/editor/toolbar.tsx"},{"name":"toolbar-overlay.tsx","path":"@components/editor/toolbar-overlay.tsx"},{"name":"editor.tsx","path":"@components/editor/editor.tsx"},{"name":"ai.tsx","path":"@components/editor/ai.tsx"},{"name":"ai-menu.tsx","path":"@components/editor/ai-menu.tsx"},{"name":"comment.tsx","path":"@components/editor/comment.tsx"},{"name":"basic-marks-static.tsx","path":"@components/editor/basic-marks-static.tsx"},{"name":"code-static.tsx","path":"@components/editor/code-static.tsx"},{"name":"highlight-static.tsx","path":"@components/editor/highlight-static.tsx"},{"name":"kbd-static.tsx","path":"@components/editor/kbd-static.tsx"},{"name":"dropdown-menu.tsx","path":"@components/editor/dropdown-menu.tsx"},{"name":"floating-popover.tsx","path":"@components/editor/floating-popover.tsx"},{"name":"use-chat.ts","path":"@components/editor/use-chat.ts"},{"name":"editor-static.tsx","path":"@components/editor/editor-static.tsx"},{"name":"plugins-static.ts","path":"@components/editor/plugins-static.ts"},{"name":"align.tsx","path":"@components/editor/align.tsx"},{"name":"basic-blocks-static.tsx","path":"@components/editor/basic-blocks-static.tsx"},{"name":"blockquote-static.tsx","path":"@components/editor/blockquote-static.tsx"},{"name":"heading-static.tsx","path":"@components/editor/heading-static.tsx"},{"name":"horizontal-rule-static.tsx","path":"@components/editor/horizontal-rule-static.tsx"},{"name":"paragraph-static.tsx","path":"@components/editor/paragraph-static.tsx"},{"name":"callout-static.tsx","path":"@components/editor/callout-static.tsx"},{"name":"code-block-static.tsx","path":"@components/editor/code-block-static.tsx"},{"name":"code-drawing-static.tsx","path":"@components/editor/code-drawing-static.tsx"},{"name":"column-static.tsx","path":"@components/editor/column-static.tsx"},{"name":"date-static.tsx","path":"@components/editor/date-static.tsx"},{"name":"font-static.tsx","path":"@components/editor/font-static.tsx"},{"name":"footnote-static.tsx","path":"@components/editor/footnote-static.tsx"},{"name":"line-height.tsx","path":"@components/editor/line-height.tsx"},{"name":"link-static.tsx","path":"@components/editor/link-static.tsx"},{"name":"list-static.tsx","path":"@components/editor/list-static.tsx"},{"name":"block-list-static.tsx","path":"@components/editor/block-list-static.tsx"},{"name":"indent-static.tsx","path":"@components/editor/indent-static.tsx"},{"name":"markdown.tsx","path":"@components/editor/markdown.tsx"},{"name":"math-static.tsx","path":"@components/editor/math-static.tsx"},{"name":"media-static.tsx","path":"@components/editor/media-static.tsx"},{"name":"media-audio-static.tsx","path":"@components/editor/media-audio-static.tsx"},{"name":"caption-static.tsx","path":"@components/editor/caption-static.tsx"},{"name":"media-embed-static.tsx","path":"@components/editor/media-embed-static.tsx"},{"name":"media-file-static.tsx","path":"@components/editor/media-file-static.tsx"},{"name":"media-image-static.tsx","path":"@components/editor/media-image-static.tsx"},{"name":"media-video-static.tsx","path":"@components/editor/media-video-static.tsx"},{"name":"mention-static.tsx","path":"@components/editor/mention-static.tsx"},{"name":"table-static.tsx","path":"@components/editor/table-static.tsx"},{"name":"toc-static.tsx","path":"@components/editor/toc-static.tsx"},{"name":"details-static.tsx","path":"@components/editor/details-static.tsx"},{"name":"ai-toolbar-button.tsx","path":"@components/editor/ai-toolbar-button.tsx"},{"name":"dnd.tsx","path":"@components/editor/dnd.tsx"}],"name":"editor"}],"name":"@components"},{"children":[{"name":"inline-suggestion.ts","path":"lib/inline-suggestion.ts"},{"name":"markdown-joiner-transform.ts","path":"lib/markdown-joiner-transform.ts"}],"name":"lib"},{"children":[{"children":[{"children":[{"children":[{"name":"route.ts","path":"app/api/ai/command/route.ts"},{"name":"utils.ts","path":"app/api/ai/command/utils.ts"},{"children":[{"name":"common.ts","path":"app/api/ai/command/prompt/common.ts"},{"name":"getChooseToolPrompt.ts","path":"app/api/ai/command/prompt/getChooseToolPrompt.ts"},{"name":"getCommentPrompt.ts","path":"app/api/ai/command/prompt/getCommentPrompt.ts"},{"name":"getEditPrompt.ts","path":"app/api/ai/command/prompt/getEditPrompt.ts"},{"name":"getEditTablePrompt.ts","path":"app/api/ai/command/prompt/getEditTablePrompt.ts"},{"name":"getGeneratePrompt.ts","path":"app/api/ai/command/prompt/getGeneratePrompt.ts"}],"name":"prompt"}],"name":"command"},{"children":[{"name":"route.ts","path":"app/api/ai/copilot/route.ts"}],"name":"copilot"}],"name":"ai"}],"name":"api"}],"name":"app"}]}],"highlightedFiles":[{"path":"export-toolbar-button.tsx","content":"$3c","type":"registry:component","target":"@components/editor/export-toolbar-button.tsx","highlightedContent":"$3d"},{"path":"docx-export.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/docx-export.tsx","highlightedContent":"

"},{"path":"callout-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/callout-static.tsx","highlightedContent":"

"},{"path":"code-block-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-block-static.tsx","highlightedContent":"

"},{"path":"column-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/column-static.tsx","highlightedContent":"

"},{"path":"math-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/math-static.tsx","highlightedContent":"

"},{"path":"../../lib/inline-suggestion.ts","content":"$undefined","type":"registry:lib","target":"lib/inline-suggestion.ts","highlightedContent":"

"},{"path":"heading-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/heading-static.tsx","highlightedContent":"

"},{"path":"toc-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toc-static.tsx","highlightedContent":"

"},{"path":"docx-source.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/docx-source.tsx","highlightedContent":"

"},{"path":"../../bases/base/dropdown-menu.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/dropdown-menu.tsx","highlightedContent":"

"},{"path":"../../bases/base/toolbar.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toolbar.tsx","highlightedContent":"

"},{"path":"toolbar-overlay.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toolbar-overlay.tsx","highlightedContent":"

"},{"path":"editor-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/editor-static.tsx","highlightedContent":"

"},{"path":"editor.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/editor.tsx","highlightedContent":"

"},{"path":"plugins-static.ts","content":"$undefined","type":"registry:component","target":"@components/editor/plugins-static.ts","highlightedContent":"

"},{"path":"align.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/align.tsx","highlightedContent":"

"},{"path":"basic-blocks-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-blocks-static.tsx","highlightedContent":"

"},{"path":"blockquote-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/blockquote-static.tsx","highlightedContent":"

"},{"path":"horizontal-rule-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/horizontal-rule-static.tsx","highlightedContent":"

"},{"path":"paragraph-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/paragraph-static.tsx","highlightedContent":"

"},{"path":"basic-marks-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-marks-static.tsx","highlightedContent":"

"},{"path":"code-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-static.tsx","highlightedContent":"

"},{"path":"highlight-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/highlight-static.tsx","highlightedContent":"

"},{"path":"kbd-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/kbd-static.tsx","highlightedContent":"

"},{"path":"code-drawing-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-drawing-static.tsx","highlightedContent":"

"},{"path":"date-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/date-static.tsx","highlightedContent":"

"},{"path":"font-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/font-static.tsx","highlightedContent":"

"},{"path":"footnote-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/footnote-static.tsx","highlightedContent":"

"},{"path":"line-height.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/line-height.tsx","highlightedContent":"

"},{"path":"link-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/link-static.tsx","highlightedContent":"

"},{"path":"list-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/list-static.tsx","highlightedContent":"

"},{"path":"block-list-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/block-list-static.tsx","highlightedContent":"

"},{"path":"indent-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/indent-static.tsx","highlightedContent":"

"},{"path":"markdown.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/markdown.tsx","highlightedContent":"

"},{"path":"media-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-static.tsx","highlightedContent":"

"},{"path":"media-audio-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-audio-static.tsx","highlightedContent":"

"},{"path":"caption-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/caption-static.tsx","highlightedContent":"

"},{"path":"media-embed-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-embed-static.tsx","highlightedContent":"

"},{"path":"media-file-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-file-static.tsx","highlightedContent":"

"},{"path":"media-image-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-image-static.tsx","highlightedContent":"

"},{"path":"media-video-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-video-static.tsx","highlightedContent":"

"},{"path":"mention-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/mention-static.tsx","highlightedContent":"

"},{"path":"table-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/table-static.tsx","highlightedContent":"

"},{"path":"details-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/details-static.tsx","highlightedContent":"

"}],"item":{"name":"export-toolbar-button","title":"Export Toolbar Button","description":"A toolbar button for exporting editor content as HTML, PDF, an image, Markdown, or Word.","dependencies":["platejs","html2canvas-pro","pdf-lib","lucide-react","color-name","html-to-vdom","jszip","juice","mime-types","sonner","virtual-dom","xmlbuilder2","diff-match-patch-ts@^0.6.0","marked@^15.0.12","remark-mdx@^3.1.0","remark-parse@^11.0.0","remark-stringify@^11.0.0","unified@^11.0.5"],"registryDependencies":["@plate/docx-export","@plate/docx-source","@plate/editor-dropdown-menu","@plate/toolbar","@plate/editor-static","@plate/editor","@plate/editor-plugins-static"],"files":[{"path":"export-toolbar-button.tsx","content":"$3e","type":"registry:component","target":"@components/editor/export-toolbar-button.tsx"},{"path":"docx-export.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/docx-export.tsx"},{"path":"callout-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/callout-static.tsx"},{"path":"code-block-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-block-static.tsx"},{"path":"column-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/column-static.tsx"},{"path":"math-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/math-static.tsx"},{"path":"../../lib/inline-suggestion.ts","content":"$undefined","type":"registry:lib","target":"lib/inline-suggestion.ts"},{"path":"heading-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/heading-static.tsx"},{"path":"toc-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toc-static.tsx"},{"path":"docx-source.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/docx-source.tsx"},{"path":"../../bases/base/dropdown-menu.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/dropdown-menu.tsx"},{"path":"../../bases/base/toolbar.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toolbar.tsx"},{"path":"toolbar-overlay.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/toolbar-overlay.tsx"},{"path":"editor-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/editor-static.tsx"},{"path":"editor.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/editor.tsx"},{"path":"plugins-static.ts","content":"$undefined","type":"registry:component","target":"@components/editor/plugins-static.ts"},{"path":"align.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/align.tsx"},{"path":"basic-blocks-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-blocks-static.tsx"},{"path":"blockquote-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/blockquote-static.tsx"},{"path":"horizontal-rule-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/horizontal-rule-static.tsx"},{"path":"paragraph-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/paragraph-static.tsx"},{"path":"basic-marks-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/basic-marks-static.tsx"},{"path":"code-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-static.tsx"},{"path":"highlight-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/highlight-static.tsx"},{"path":"kbd-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/kbd-static.tsx"},{"path":"code-drawing-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/code-drawing-static.tsx"},{"path":"date-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/date-static.tsx"},{"path":"font-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/font-static.tsx"},{"path":"footnote-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/footnote-static.tsx"},{"path":"line-height.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/line-height.tsx"},{"path":"link-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/link-static.tsx"},{"path":"list-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/list-static.tsx"},{"path":"block-list-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/block-list-static.tsx"},{"path":"indent-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/indent-static.tsx"},{"path":"markdown.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/markdown.tsx"},{"path":"media-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-static.tsx"},{"path":"media-audio-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-audio-static.tsx"},{"path":"caption-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/caption-static.tsx"},{"path":"media-embed-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-embed-static.tsx"},{"path":"media-file-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-file-static.tsx"},{"path":"media-image-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-image-static.tsx"},{"path":"media-video-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/media-video-static.tsx"},{"path":"mention-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/mention-static.tsx"},{"path":"table-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/table-static.tsx"},{"path":"details-static.tsx","content":"$undefined","type":"registry:component","target":"@components/editor/details-static.tsx"}],"meta":{"docs":"$1c:props:meta:docs","examples":"$1c:props:meta:examples","label":"New"},"type":"registry:component"},"tree":[{"children":[{"children":[{"name":"export-toolbar-button.tsx","path":"@components/editor/export-toolbar-button.tsx"},{"name":"docx-export.tsx","path":"@components/editor/docx-export.tsx"},{"name":"callout-static.tsx","path":"@components/editor/callout-static.tsx"},{"name":"code-block-static.tsx","path":"@components/editor/code-block-static.tsx"},{"name":"column-static.tsx","path":"@components/editor/column-static.tsx"},{"name":"math-static.tsx","path":"@components/editor/math-static.tsx"},{"name":"heading-static.tsx","path":"@components/editor/heading-static.tsx"},{"name":"toc-static.tsx","path":"@components/editor/toc-static.tsx"},{"name":"docx-source.tsx","path":"@components/editor/docx-source.tsx"},{"name":"dropdown-menu.tsx","path":"@components/editor/dropdown-menu.tsx"},{"name":"toolbar.tsx","path":"@components/editor/toolbar.tsx"},{"name":"toolbar-overlay.tsx","path":"@components/editor/toolbar-overlay.tsx"},{"name":"editor-static.tsx","path":"@components/editor/editor-static.tsx"},{"name":"editor.tsx","path":"@components/editor/editor.tsx"},{"name":"plugins-static.ts","path":"@components/editor/plugins-static.ts"},{"name":"align.tsx","path":"@components/editor/align.tsx"},{"name":"basic-blocks-static.tsx","path":"@components/editor/basic-blocks-static.tsx"},{"name":"blockquote-static.tsx","path":"@components/editor/blockquote-static.tsx"},{"name":"horizontal-rule-static.tsx","path":"@components/editor/horizontal-rule-static.tsx"},{"name":"paragraph-static.tsx","path":"@components/editor/paragraph-static.tsx"},{"name":"basic-marks-static.tsx","path":"@components/editor/basic-marks-static.tsx"},{"name":"code-static.tsx","path":"@components/editor/code-static.tsx"},{"name":"highlight-static.tsx","path":"@components/editor/highlight-static.tsx"},{"name":"kbd-static.tsx","path":"@components/editor/kbd-static.tsx"},{"name":"code-drawing-static.tsx","path":"@components/editor/code-drawing-static.tsx"},{"name":"date-static.tsx","path":"@components/editor/date-static.tsx"},{"name":"font-static.tsx","path":"@components/editor/font-static.tsx"},{"name":"footnote-static.tsx","path":"@components/editor/footnote-static.tsx"},{"name":"line-height.tsx","path":"@components/editor/line-height.tsx"},{"name":"link-static.tsx","path":"@components/editor/link-static.tsx"},{"name":"list-static.tsx","path":"@components/editor/list-static.tsx"},{"name":"block-list-static.tsx","path":"@components/editor/block-list-static.tsx"},{"name":"indent-static.tsx","path":"@components/editor/indent-static.tsx"},{"name":"markdown.tsx","path":"@components/editor/markdown.tsx"},{"name":"media-static.tsx","path":"@components/editor/media-static.tsx"},{"name":"media-audio-static.tsx","path":"@components/editor/media-audio-static.tsx"},{"name":"caption-static.tsx","path":"@components/editor/caption-static.tsx"},{"name":"media-embed-static.tsx","path":"@components/editor/media-embed-static.tsx"},{"name":"media-file-static.tsx","path":"@components/editor/media-file-static.tsx"},{"name":"media-image-static.tsx","path":"@components/editor/media-image-static.tsx"},{"name":"media-video-static.tsx","path":"@components/editor/media-video-static.tsx"},{"name":"mention-static.tsx","path":"@components/editor/mention-static.tsx"},{"name":"table-static.tsx","path":"@components/editor/table-static.tsx"},{"name":"details-static.tsx","path":"@components/editor/details-static.tsx"}],"name":"editor"}],"name":"@components"},{"children":[{"name":"inline-suggestion.ts","path":"lib/inline-suggestion.ts"}],"name":"lib"}],"usage":"$undefined"}]

Export Toolbar Button

Installation

Examples

Export Toolbar Button

Installation

Examples