JQuery/जेएस मार्कडाउन प्लगइन?

Question

मैं एक चैट ऐप लिख रहा हूं, और मैं कुछ सरल कार्यक्षमता जोड़ना चाहता हूं जहां उपयोगकर्ता टेक्स्ट स्वरूपण को प्रभावित करने के लिए मार्कअप का उपयोग करते हैं, जैसे बोल्ड या इटालिक्स। मैं कल्पना कर रहा हूं कि यह Google टॉक या स्टैक ओवरफ्लो पर कैसे किया जाता है। क्या JQuery के पास ऐसा करने के लिए कोई प्लगइन है?

Answer 1

स्टैक ओवरफ्लो डब्लूएमडी संपादक का उपयोग कर रहा है। आप डब्लूएमडी संपादक कोड का उपयोग कर सकते हैं। यह जावास्क्रिप्ट द्वारा लिखा गया है।

जांच

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 प्लगइन तसलीम कनवर्टर का उपयोग करता है लिखा था। यह क्लाइंट-साइड उपयोगिता के रूप में उपयोग के लिए है जब आपका सर्वर मार्कडाउन दस्तावेज़ों की सेवा कर रहा है - संभावित रूप से कुछ सार्थक निर्देशिका संरचना में व्यवस्थित है।

अन्य मार्कडाउन दस्तावेज़ों और छवियों के लिंक आपके दस्तावेज़ बेस निर्देशिका और दस्तावेज़ निर्देशिका संरचना के संबंध में हल किए गए हैं। ट्रांसफर को {{include-this}} स्टाइल टैग का उपयोग करके भी समर्थित किया गया है जिससे आप मार्कडाउन या कच्चे टेक्स्ट के छोटे हिस्सों से बना मेटा-दस्तावेज़ बना सकते हैं।

नमूना उपयोग: $(#mydiv).markdown('mybase/', 'mydir/mydoc.markdown');

कृपया डाउनलोड करने और http://plugins.jquery.com/project/markdown पर प्रतिबंध के बिना उपयोग करने के लिए स्वतंत्र लग रहा है।