@gravity-ui/markdown-editor-page-constructor-extension

Page Constructor extension for @gravity-ui/markdown-editor.

Provides a WYSIWYG editing experience for Page Constructor blocks inside the Markdown editor, as well as a preview HOC for split-mode rendering.

Installation

npm install @gravity-ui/markdown-editor-page-constructor-extension

Required peer dependencies

npm install @gravity-ui/markdown-editor @gravity-ui/uikit @gravity-ui/page-constructor @diplodoc/page-constructor-extension react react-dom

Usage

WYSIWYG extension

import {YfmPageConstructorExtension} from '@gravity-ui/markdown-editor-page-constructor-extension';

builder.use(YfmPageConstructorExtension, {
    autoSave: {enabled: true, delay: 1000},
});

Toolbar button

import {wYfmPageConstructorItemData} from '@gravity-ui/markdown-editor-page-constructor-extension/configs';

Split-mode preview HOC

import {withYfmPageConstructor} from '@gravity-ui/markdown-editor-page-constructor-extension/view';

const PAGE_CONSTRUCTOR_RUNTIME = 'extension:page-constructor';

const Preview = withYfmPageConstructor({runtime: PAGE_CONSTRUCTOR_RUNTIME})(YfmStaticView);

License

MIT