import React from 'react';
import {
createDeserializeCsvPlugin,
createHighlightPlugin,
createImagePlugin,
createLinkPlugin,
createListPlugin,
createMediaEmbedPlugin,
createMentionPlugin,
createSoftBreakPlugin,
createTablePlugin,
createTodoListPlugin,
Plate,
} from '@udecode/plate';
import { createExcalidrawPlugin } from '@udecode/plate-ui-excalidraw';
import { basicNodesPlugins } from './basic-nodes/basicNodesPlugins';
import { editableProps } from './common/editableProps';
import { plateUI } from './common/plateUI';
import { linkPlugin } from './link/linkPlugin';
import { deserializeCsvValue } from './serializing-csv/deserializeCsvValue';
import { softBreakPlugin } from './soft-break/softBreakPlugin';
import { createMyPlugins, MyValue } from './typescript/plateTypes';
const plugins = createMyPlugins(
[
...basicNodesPlugins,
createImagePlugin(),
createLinkPlugin(linkPlugin),
createListPlugin(),
createTablePlugin(),
createTodoListPlugin(),
createMediaEmbedPlugin(),
createExcalidrawPlugin(),
createHighlightPlugin(),
createMentionPlugin(),
createSoftBreakPlugin(softBreakPlugin),
createDeserializeCsvPlugin(),
],
{
components: plateUI,
}
);
export default () => (
<Plate<MyValue>
editableProps={editableProps}
plugins={plugins}
initialValue={deserializeCsvValue}
/>
);
To enter the code editing mode, press Enter. To exit the edit mode, press Escape
You are editing the code. To exit the edit mode, press Escape