JQuery/JS Markdown plugin?

Question

Estoy escribiendo una aplicación de chat, y me gustaría agregar algunas funciones simples donde los usuarios usan el marcado para afectar el formato del texto, como negrita o cursiva. Estoy imaginando que esto sería como se hace en Google Talk o StackOverflow. ¿JQuery tiene plugins para hacer esto?

Answer 1

stackoverflow utiliza el editor de WMD. Puede usar el código del editor de WMD. Está escrito por javascript.

cheque

http://blog.stackoverflow.com/2009/01/wmd-editor-reverse-engineered/

Para armas de destrucción masiva a HTML, puede utilizar ShowDown javascript.

fuente Github (incluya showdown.js)

http://github.com/derobins/wmd

Enfrentamiento Usos

var text = "Markdown *rocks*."; 
var converter = new Attacklab.showdown.converter(); 
var html = converter.makeHtml(text); 
alert(html); 

Answer 2

Es fácil use Showdown with or without jQuery. He aquí un ejemplo de jQuery:

// See http://mathiasbynens.be/notes/showdown-javascript-jquery for a plain JavaScript version as well 
$(function() { 
// When using more than one `textarea` on your page, change the following line to match the one you’re after 
var $textarea = $('textarea'), 
    $preview = $('<div id="preview" />').insertAfter($textarea), 
    converter = new Showdown.converter(); 
$textarea.keyup(function() { 
    $preview.html(converter.makeHtml($textarea.val())); 
}).trigger('keyup'); 
}); 

Answer 3

Fwiw, me escribió una de rebajas Plugin jQuery que utiliza el convertidor de enfrentamiento. Está destinado a su uso como una utilidad del lado del cliente cuando su servidor está sirviendo documentos de Markdown, presumiblemente organizados en alguna estructura de directorios significativa.

Los enlaces a otros documentos e imágenes de reducción se resuelven con respecto al directorio base de su documento y la estructura del directorio del documento. Transclusion también es compatible con las etiquetas de estilo {{include-this}}, que le permiten crear metacompuestos compuestos por trozos más pequeños de Markdown o texto sin formato.

Ejemplo de uso: $(#mydiv).markdown('mybase/', 'mydir/mydoc.markdown');

siente por favor libre descargar y utilizar sin restricción en http://plugins.jquery.com/project/markdown libre.