Paragraph plugin

Paragraph is default plugin for Yoopta-Editor

Installation

1yarn add @yoopta/paragraph

Usage

1import Paragraph from '@yoopta/paragraph';
2
3const plugins = [Paragraph];
4
5const Editor = () => {
6  return <YooptaEditor plugins={plugins} />;
7};

Default classnames

• .yoopta-paragraph

Default options

1const Paragraph = new YooptaPlugin({
2  options: {
3    display: {
4      title: 'Text',
5      description: 'Start writing plain text.',
6    },
7    shortcuts: ['p', 'text'],
8  },
9});

How to extend

1const plugins = [
2  Paragraph.extend({
3    renders: {
4      paragraph: (props) => <YourCustomComponent {...props} />
5    },
6    options: {
7      shortcuts: [`<your custom shortcuts>`],
8      display: {
9        title: `<your custom title>`,
10        description: `<your custom description>`,
11      },
12      HTMLAttributes: {
13        className: '<your classname>',
14        // ...other HTML attributes
15      },
16    },
17  });
18];