React Markdown screenshot

React Markdown

Author Avatar Theme by Opuscapita
Updated: 24 Oct 2023
113 Stars

Markdown editor (input) based on React

Categories

Overview

React Markdown is a npm package that allows users to render and edit Markdown text in a React application. It supports various features such as bolding, italicizing, strikethrough, headers, lists, and links.

Features

  • Supports decorators such as bold, italic, and strikethrough
  • Allows for the creation of various headers (h1-h6)
  • Supports the creation of bullet and ordered lists
  • Provides functionality for adding links to the text

Installation

To install the React Markdown npm package, use the following command:

npm install -E @opuscapita/react-markdown

After installing, you can import it into your application like this:

import MarkdownInput from '@opuscapita/react-markdown';

For more usage details, refer to the interactive example: https://opuscapita.github.io/react-markdown

If you want to use React Markdown together with Bootstrap Modal, you will need to add additional styles.

Summary

React Markdown is a powerful npm package that allows users to easily render and edit Markdown text within a React application. It supports a wide range of features such as decorators, headers, lists, and links. With its intuitive usage and extensive documentation, React Markdown is a valuable tool for developers working with Markdown.