Плагин JQuery / JS Markdown?

Question

Я пишу приложение для чата, и я хотел бы добавить несколько простых функций, в которых пользователи используют разметку, чтобы повлиять на форматирование текста, например полужирный или курсив . Я предполагаю, что это будет похоже на то, как это делается в Google Talk или StackOverflow. Есть ли в JQuery плагины для этого?

Answer 1

stackoverflow использует редактор WMD. Вы можете использовать код редактора ОМУ. Это написано на JavaScript.

чек

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

Для ОМП в HTML вы можете использовать ShowDown javascript .

Источник Github (включая showdown.js)

http://github.com/derobins/wmd

Использование вскрытия карт

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

Answer 2

Легко использовать Showdown с или без jQuery . Вот пример 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, я написал jQuery Markdown Plugin, который использует конвертер Showdown. Он предназначен для использования в качестве клиентской утилиты, когда ваш сервер обслуживает документы Markdown - предположительно организованные в какой-то значимой структуре каталогов.

Ссылки на другие документы и изображения Markdown разрешаются в соответствии с вашим базовым каталогом документов и структурой каталога документов. Transclusion также поддерживается с помощью тегов стиля {{include-this}}, позволяющих создавать мета-документы, состоящие из более мелких фрагментов Markdown или необработанного текста.

Пример использования: $(#mydiv).markdown('mybase/', 'mydir/mydoc.markdown');

Пожалуйста, не стесняйтесь загружать и использовать без ограничений на http://plugins.jquery.com/project/markdown.