开发者

JQuery/JS Markdown plugin?

I'm writing a chat app, and I'd like to add some simple functionality where users use markup to affect text forma开发者_开发技巧tting, like bold or italics. I'm envisioning this would be like how it is done on Google Talk or StackOverflow. Does JQuery have any plugins to do this?


stackoverflow is using WMD editor. You can use WMD editor code. It's written by javascript.

check

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

For WMD to HTML , you can use ShowDown javascript.

Github source (include showdown.js)

http://github.com/derobins/wmd

Showdown usages

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


It’s easy to use Showdown with or without jQuery. Here’s a jQuery example:

// 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');
});


FWIW, I wrote a jQuery Markdown Plugin that uses the Showdown converter. It is intended for use as a client-side utility when your server is serving Markdown documents - presumably organized in some meaningful directory structure.

Links to other Markdown documents and images are resolved with respect to your document base directory and document directory structure. Transclusion is also supported using {{include-this}} style tags allowing you to create meta-documents composed of smaller chunks of Markdown or raw text.

Sample usage: $(#mydiv).markdown('mybase/', 'mydir/mydoc.markdown');

Please feel free to download and use without restriction at http://plugins.jquery.com/project/markdown.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜