Neutrino Packing Machine

    @revall/react-markmirror

    0.4.17 • Public • Published

    React Markmirror

    A WYSIWYG markdown editor for React which uses CodeMirror.

    An demo is available at https://stories.headzoo.io/react-markmirror.

    Build Status NPM Downloads MIT License

    Features

    Standard screenshot

    • Themes
    • Syntax highlighting
    • Customizable toolbar, buttons, and prompts
    • Drag and drop file uploading
    • Internationalization (i18n)

    Installation

    The module is installed using npm, and sets 'react' and 'prop-types' as peer dependencies. Meaning they must be installed separately.

    npm install react-markmirror react prop-types --save
    

    Example

    import React from 'react';
    import ReactDOM from 'react-dom';
    import Markmirror from 'react-markmirror';
    
    class App extends React.Component {
      constructor(props) {
        super(props);
        this.state = {
          code: ''
        };
      }
    
      handleChange = (code) => {
        this.setState({ code });
      };
    
      render() {
        return (
          <Markmirror
            value={this.state.code}
            onChange={this.handleChange}
          />
        );
      }
    }
    
    ReactDOM.render(<App />, document.getElementById('app'));

    Install

    npm i @revall/react-markmirror

    DownloadsWeekly Downloads

    3

    Version

    0.4.17

    License

    MIT

    Last publish

    Collaborators

    • revall