react-textarea-markdown

A simpler react-markdown

Install

npm i react-textarea-markdown

For example

import React, { Component } from "react";
import Markdown from "react-textarea-markdown";
class App extends Component {
  render () {
    return (
      <div className="App">
	<Markdown textarea={true} customWidth={[50,50]} callback={func} source={value}/>
      </div>
    );
  }
}

Support property

property	type	effect
textarea	bool	Display is built into textarea
source	string	External to data sources
callback	func	Get the value of the real time return of the internal textarea
customWidth	array	Customize the width of textarea and markdown, of which 0 represents markdown 1 for textarea

Support grammar

• Title
• Checkbox
• Table
• Code
• List
• Font Style
• Quote
• Segmenting line
• Image
• Hyperlink

Why do you choose it？

• Can be used to render markdown alone
• Bring the textarea editor
• A more flexible layout
• Real-time Preview
• Closer to the encoding style of vscode
• Real time back propagation of internal textarea data
• Easy to use