Skip to main content

Markdown Plugin

This page focuses on implementing the markdown plugin and the code you need to incorporate markdown support into your editor. You can check out the CodeSandbox directly or view, edit and try out the code in real-time inside the embed.

The editor already has some prepopulated text, and you can press the button on the bottom right to turn the current text into Markdown text. If you press again, it will turn back to standard editor text. This is a rich text editor example, and you can see most of the formatting functionality (e.g., bold, italic, underlined text).

Currently, for the purposes of simplicity, the link plugin is very basic, so you will have to press twice on the links to see the URL and edit it. You can further import the AutoLink and ClickableLink plugins to be able to click on the link to jump straight to the website of your preference.

This plugin is also a part of the actions plugin. You can check out the other tools (e.g., delete all, lock/unlock text) by exploring the playground's source code.