I'm writing a chat app, and I'd like to add some simple functionality where users use markup to affect text formatting, 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?
Add a comment
|
3 Answers
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)
Showdown usages
var text = "Markdown *rocks*.";
var converter = new Attacklab.showdown.converter();
var html = converter.makeHtml(text);
alert(html);
1 Comment
EleventyOne
Stackoverflow is now using PageDown (as highlighted on the old github page for their WMD conversion). You can find a short (and fairly old) example of usage here.
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');
});
Comments
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.
