JQuery/JS Markdown插件？

Question

我正在寫一個聊天應用程序，我想添加一些簡單的功能，用戶使用標記來影響文本格式，如加粗或斜體。我設想這將是如何在Google Talk或StackOverflow上完成的。 JQuery有沒有插件可以做到這一點？

Answer 1

stackoverflow正在使用WMD編輯器。你可以使用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

這很容易use Showdown with or without 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文檔時，它可以用作客戶端實用程序 - 大概是以一些有意義的目錄結構組織的。

鏈接到其他Markdown文檔和圖像將根據您的文檔基目錄和文檔目錄結構進行解析。使用{{include-this}}樣式標籤也支持透明度，允許您創建由較小的Markdown或原始文本塊組成的元文檔。

使用範例：$(#mydiv).markdown('mybase/', 'mydir/mydoc.markdown');

請隨時免費下載和http://plugins.jquery.com/project/markdown無限制使用。