https://github.com/kwinyyyc/strapi-plugin-wysiwyg-react-md-editor

This is a strapi rich text editor plugin based on react md editor
https://github.com/kwinyyyc/strapi-plugin-wysiwyg-react-md-editor

md-editor react-md-editor strapi-plugin strapi4

Last synced: 10 days ago
JSON representation

This is a strapi rich text editor plugin based on react md editor

• Host: GitHub
• URL: https://github.com/kwinyyyc/strapi-plugin-wysiwyg-react-md-editor
• Owner: kwinyyyc
• License: mit
• Created: 2020-12-23T07:59:11.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-03-10T08:54:13.000Z (8 months ago)
• Last Synced: 2024-05-20T23:34:24.403Z (6 months ago)
• Topics: md-editor, react-md-editor, strapi-plugin, strapi4
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/strapi-plugin-wysiwyg-react-md-editor
• Size: 1.34 MB
• Stars: 37
• Watchers: 3
• Forks: 11
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# strapi-plugin-wysiwyg-react-md-editor

This is a [strapi](https://github.com/strapi/strapi) rich text editor plugin based on [react md editor](https://github.com/uiwjs/react-md-editor)

![](screenshot.png)

## Customizing the toolbar commands

Default it uses below commands in sequence:

`[

    "title2",

    "title3",

    "title4",

    "title5",

    "title6",

    "divider",

    "bold",

    "codeBlock",

    "italic",

    "strikethrough",

    "hr",

    "group",

    "divider",

    "link",

    "quote",

    "code",

    "unorderedListCommand",

    "orderedListCommand",

    "checkedListCommand",

    "strapiMediaLibrary"

]`

You can customize the value in plugins/config.ts file.

```js

export default {

    "wysiwyg-react-md-editor": {

        enabled: true,

        config: {

            toolbarCommands: ["title1", "strapiMediaLibrary"],

        },

    }

}

```

## Get started

With yarn:

   `yarn add strapi-plugin-wysiwyg-react-md-editor`

   With npm:

   `npm install strapi-plugin-wysiwyg-react-md-editor`

## Make it work

```sh

$ yarn build

$ yarn run develop

```