react-textarea-markdown

1.1.3 • Public • Published

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

Package Sidebar

Install

npm i react-textarea-markdown

Weekly Downloads

24

Version

1.1.3

License

ISC

Unpacked Size

52.9 kB

Total Files

17

Last publish

Collaborators

  • chenjiayuan195