Simple extensible editor WYSIWYG Markdown-mditor

Tiempo de ejecución: 30 minutos. Empezar

Autor: Houfeng
Views Total: 2,332
Sitio oficial: Ir a la web
Actualizado: October 10, 2015
Licencia: MIT

Vista prévia

Simple extensible editor WYSIWYG Markdown-mditor

Descripción

mditor es un editor de rebajas simple, limpio, fácil de extender y de estilo WYSIWYG que funciona tanto en el lado del cliente como en el servidor.

Funcionamiento

Cargue la hoja de estilo requerida mditor. min. CSS en la sección Head de la Página Web.

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

Cree un textarea para el editor de rebajas.

<textarea name="editor" id="editor">

## Mditor Demo
</textarea>

Cargue el mditor. min. js en la parte inferior del documento para que las páginas se carguen más rápido.

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

Cree una nueva instancia de mditor.

var mditor = new Mditor("#editor",{


// options here
});

Opción disponible.

var mditor = new Mditor("#editor",{


width: 600


height:300,


fixedHeight:true,


useH5FullScreen: true
});

Instale mditor en el lado del servidor.

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

Te puede interesar: