Simple Extendable WYSIWYG Markdown Editor – mditor

Category: Javascript , Recommended , Text | October 10, 2015
Views Total:2,507 views
Official Page:Go to website
Last Update:October 10, 2015


Simple Extendable WYSIWYG Markdown Editor – mditor


mditor is a simple, clean, easy-to-extend and WYSIWYG-style markdown editor that works on both client side or server side.

How to use it:

Load the required style sheet mditor.min.css in the head section of the web page.

<link rel="stylesheet" href="mditor.min.css">

Create a textarea for the markdown editor.

<textarea name="editor" id="editor">
  ## Mditor Demo

Load the mditor.min.js at the bottom of the document so the pages load faster.

<script src="mditor.min.js"></script>

Create a new mditor instance.

var mditor = new Mditor("#editor",{
    // options here

Available option.

var mditor = new Mditor("#editor",{
    width: 600
    useH5FullScreen: true

Install mditor in server side.

npm install mditor -save
var mditor = require("mditor");
var parser = mditor.Parser();
var html = parser.parse("** Hello mditor! **");

You Might Be Interested In:

Leave a Reply