React-edit-it NPM

:rocket: React-Markdown-Editor

Markdown editor for React JS

usage

Installation

Can be installed via npm:

npm install --save react-edit-it

Or yarn

yarn add react-edit-it

:bowtie: Basic Usage

The most basic use of the markdown editor can be described with:

import React, { Component } from "react";

import ReactMarkdownEditor from "react-edit-it";

class Example extends Component {
  onChangeContent = props => {
    // Access Props
  };

  render() {
    return (
      <ReactMarkdownEditor
      // Pass the text content to be converted to markdown as props
        content="demo"
        onChangeContent={this.onChangeContent}
      />
    );
  }
}

onChangeContent event handler fires each time when the content has been edited. You can use it to access the editor text content

usage

Compatibility

React

Compatible with the latest version of 16.x

Latest compatible versions:

15.x and 16.x

Options

Property	Type	Description
content	string	Markdown content to be converted
onChangeContent	func	Called when the editor content is updated

Sample Code

Code sample is available in the /example directory for your perusal. You can execute npm install to generate the necessary dependencies for the examples.

if you haven't, You may need to install,