JQuery/JS Markdown 插件？答案

【问题标题】：JQuery/JS Markdown plugin?JQuery/JS Markdown 插件？
【发布时间】：2010-04-09 01:36:01
【问题描述】：

我正在编写一个聊天应用程序，我想添加一些简单的功能，让用户使用标记来影响文本格式，例如 bold 或 italics。我设想这就像在 Google Talk 或 StackOverflow 上完成的那样。 JQuery 是否有任何插件可以做到这一点？

【问题讨论】：

标签： jquery formatting markdown

【解决方案1】：

stackoverflow 正在使用 WMD 编辑器。您可以使用 WMD 编辑器代码。它是用javascript编写的。

检查

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

WMD 转 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);

【讨论】：

Stackoverflow 现在使用PageDown（在old github page for their WMD conversion 上突出显示）。您可以找到一个简短（且相当古老）的用法示例 here。

【解决方案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');
});

【讨论】：

【解决方案3】：

FWIW，我写了一个使用 Showdown 转换器的 jQuery Markdown 插件。当您的服务器提供 Markdown 文档时，它被用作客户端实用程序 - 大概组织在一些有意义的目录结构中。

其他 Markdown 文档和图像的链接根据您的文档基目录和文档目录结构进行解析。使用 {{include-this}} 样式标签也支持嵌入，允许您创建由较小的 Markdown 块或原始文本组成的元文档。

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

请在http://plugins.jquery.com/project/markdown免费下载和使用。

【讨论】：