React Based Wrapper for Editor.md

Check out react-editor-md on NPM

Your HTML template should includes the following tags:

CSS

<link rel="stylesheet" href="../assets/css/editormd.css" />

JS

<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/editormd.js"></script>

Install

npm install react-editor-md

Examples

Edit Mode

import React, {Component} from 'react';
import {render} from 'react-dom';
import Editor from 'react-editor-md';

render(
    <Editor config={
        {
            markdown: // testEditor.getMarkdown().replace(/`/g, '\\`')
            `## Test
            \`\`\`
            console.log('what can i do for you')
            \`\`\`

            # 123123`,
            onload: (editor, func) => {
                let md = editor.getMarkdown();
                let html = editor.getHTML();
                debugger
            }
        }
    }/>,
    document.querySelector('#root')
);

Show Mode

import React, {Component} from 'react';
import {render} from 'react-dom';
import Editor from 'react-editor-md';

render(
    <Editor.EditorShow config={
        {
            markdown: // testEditor.getMarkdown().replace(/`/g, '\\`')
            `## Test
            \`\`\`
            console.log('what can i do for you')
            \`\`\`

            # 123123`
        }
    }/>,
    document.querySelector('#root')
);

More Information

Checkout the Editor.md docs for more information.