JQuery/JS Markdown 플러그인?

Question

저는 채팅 앱을 쓰고 있습니다. 굵게 또는 기울임 꼴과 같이 사용자가 텍스트 서식에 영향을주는 마크 업을 사용하는 간단한 기능을 추가하고 싶습니다. 나는 이것이 Google Talk 또는 StackOverflow에서 어떻게 이루어 지는지 상상하고 있습니다. JQuery에는 이것을 수행하기위한 플러그인이 있습니까?

Answer 1

WMD 편집기를 사용하고 있습니다. WMD 편집기 코드를 사용할 수 있습니다. 그것은 자바 스크립트에 의해 작성되었습니다.

HTML에 대량 살상 무기 (WMD)를 확인

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

, 당신은 ShowDown javascript를 사용할 수 있습니다.

Github에서 소스

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에 쉽게 용도 (showdown.js 포함). 여기에 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, 나는 Showdown converter를 사용하는 jQuery Markdown Plugin을 작성했습니다. 서버가 Markdown 문서를 제공 할 때 클라이언트 측 유틸리티로 사용하기위한 것입니다. 아마도 의미있는 디렉토리 구조로 구성되었을 것입니다.

다른 Markdown 문서 및 이미지에 대한 링크는 문서 기본 디렉토리 및 문서 디렉토리 구조와 관련하여 해결됩니다. 또한 Transclusion은 {{include-this}} 스타일 태그를 사용하여 지원되므로 작은 Markdown 또는 원시 텍스트 덩어리로 구성된 메타 문서를 만들 수 있습니다.

샘플 사용 : $(#mydiv).markdown('mybase/', 'mydir/mydoc.markdown');

다운로드하고 http://plugins.jquery.com/project/markdown에 제한없이 사용할 주시기 바랍니다.