import React from 'react';
import { Plate } from '@udecode/plate';
import { basicNodesPlugins } from './basic-nodes/basicNodesPlugins';
import { editableProps } from './common/editableProps';
import { plateUI } from './common/plateUI';
import { createPreviewPlugin } from './preview-markdown/createPreviewPlugin';
import { PreviewLeaf } from './preview-markdown/PreviewLeaf';
import { previewMdValue } from './preview-markdown/previewMdValue';
import { createMyPlugins, MyValue } from './typescript/plateTypes';
const plugins = createMyPlugins([...basicNodesPlugins, createPreviewPlugin()], {
components: plateUI,
});
const _editableProps = {
...editableProps,
renderLeaf: PreviewLeaf as any,
};
export default () => (
<Plate<MyValue>
editableProps={_editableProps}
plugins={plugins}
initialValue={previewMdValue}
/>
);
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