2011-12-19 19 views
14

अगर उत्तर दिया गया है तो मुझे क्षमा करें। मैंने चारों ओर देखा है, लेकिन कुछ भी नहीं मिला।लाइव पूर्वावलोकन मार्कडाउन संपादक

मैं गैर-तकनीक के लिए एक साइट बना रहा हूं और इसके लिए उन्हें समृद्ध टेक्स्ट सामग्री जोड़ने में सक्षम होना आवश्यक है। मैं इसके लिए मार्कडाउन देख रहा हूं, और इसका उपयोग करना चाहूंगा।

मैं संपादन को सरल बनाने के लिए एक अच्छा (jquery) UI नियंत्रण के लिए चारों ओर खोज कर रहा हूं, लेकिन मैंने जो कुछ भी देखा है, वह इनपुट बॉक्स के अलावा पृष्ठ पर कहीं और लाइव पूर्वावलोकन है। (WMD इस तरह है, markitup, आदि ..)

मैं ऐसा कुछ उपयोग करना चाहता हूं जो आपको ऐसा लगता है कि आप एक वर्ड प्रोसेसर का उपयोग कर रहे हैं। जैसे TinyMCe यह करता है, लेकिन मार्कडाउन पर चल रहा है, एचटीएमएल

क्या ऐसा कुछ है, या शायद कहीं ऐसा दिखाता है कि इसे कैसे बनाया जाए?


स्पष्टीकरण के लिए, मैं एक संपादक की तलाश में हूं जो ऐसा लगता है कि आप लाइव पूर्वावलोकन में टाइप कर रहे हैं; ऊपर/नीचे एक पूर्वावलोकन के साथ एक टेक्स्टबॉक्स नहीं।

+0

मैं थोड़ा उलझन में हूं - मार्कडाउन (मार्कअप भाषा) इसका अपना यूजर इंटरफेस है - और एचटीएमएल एक वर्ड प्रोसेसर-जैसे अनुभव आईएमओ के लिए एक बेहतर बैकएंड है। या आप कुछ ऐसा सोच रहे हैं जहां आप मार्कडाउन संपादित करते हैं और सामग्री का लाइव पूर्वावलोकन देखते हैं? (जैसे एफ। एक्स। एसओ उत्तर इंटरफ़ेस) –

+2

हां, जैसे कि यह कैसे करता है केवल मैं नहीं चाहता कि वे ऐसा महसूस करें कि वे नीचे दिए गए पूर्वावलोकन के साथ एक टेक्स्ट बॉक्स संपादित कर रहे हैं। वर्ड का उपयोग करने की तरह, लेकिन मार्कडाउन जो एचटीएमएल नहीं बनाया जा रहा है। क्या उससे मदद हुई? – Joe

+0

तो, आपको ऐसा कुछ चाहिए जो HTML को मार्कडाउन में परिवर्तित कर दे? – fncomp

उत्तर

0

मुझे तब से कुछ मिला जो मुझे पसंद है। Pen editor on Github वही करता है जो मैं चाहता था। मैं देखना चाहता पर

-4

मार्कडाउन WYSIWYG संपादक के साथ संगत नहीं होगा। इस नमूने Markdown पर विचार करें:

Let's link to [Google][]. 

    [Google]: http://www.google.com/ 

आप एक WYSIWYG संपादक बना रहे थे, तो क्या तुम्हारे जाने के बाद [Google] टाइप किया होगा? क्या आप नीले रेखांकित पाठ देखेंगे? क्या आप अभी [Google] देखेंगे क्योंकि यह अभी तक एक वैध हाइपरलिंक नहीं है? पिछला [] टाइप करने के बाद क्या होगा? यह अभी भी पूरी तरह से परिभाषित हाइपरलिंक नहीं है; आप इसे क्लिक नहीं कर सकते, क्योंकि मार्कडाउन यह नहीं जानता कि यह कहां लिंक करता है।

और उपयोगकर्ता [Google]: http://www.google.com/ अनुवर्ती लाइन कैसे टाइप करता है? वह रेखा प्रदर्शित नहीं होती है; यह मार्कअप है; यह अदृश्य है। आप WYSIWYG संपादक में अदृश्य पाठ कहां टाइप करते हैं?

+3

SO एक पूर्वावलोकन प्रदान करता है, है ना? इनपुट बॉक्स के ठीक नीचे। मैं ऐसा महसूस करूंगा जैसे आप पूर्वावलोकन में संपादन कर रहे हैं।मुझे पता है कि चुनौतियां हैं, और इसलिए मुझे शायद कोई नहीं मिला। इसका मतलब यह नहीं है कि उन्हें हल नहीं किया जा सकता है। – Joe

+1

और (चूंकि यह गैर-तकनीक के लिए है) मैं उन्हें फ़ॉर्मेटिंग के लिए टूलबार का उपयोग कर सकता हूं, है ना? इसलिए वे 'Google' को हाइलाइट करने के लिए' लिंक 'टाइप करें, लिंक बटन पर क्लिक करें और यूआरएल प्रदान करें। – Joe

+0

यदि आप मार्कडाउन के मार्कडाउन पहलुओं को अनदेखा करने जा रहे हैं, तो आप मार्कडाउन होने की परवाह क्यों करते हैं? एचटीएमएल के लिए WYSIWYG संपादक की तरह लगता है कि आप भी आपकी सेवा करेंगे। –

4

अगर मैं तुम्हें क्या खोज रहे हो, तो सबसे सरल दृष्टिकोण TinyMCE या CKEditor के साथ HTML उत्पन्न करने के लिए है, तो उदाहरण के लिए के उत्पादन, tinymce.getContent() को Markdownify की तरह कुछ लागू किया जाएगा।

+3

मैंने अभी मार्कडाउन स्रोत में देखा। यह एक मजेदार छोटी परियोजना की तरह लगता है जो इसे एक TinyMCE प्लगइन में परिवर्तित करने के लिए लगता है। यदि इसमें वास्तविक रुचि है, तो मुझे थोड़ा समय बिताने में खुशी होगी। (मैंने काम पर TinyMCE प्लगइन का एक टन लिखा है।) – fncomp

+0

सबसे सुरुचिपूर्ण चीज़ नहीं है, लेकिन यह काम करेगा। मैं बक्षीस बर्बाद नहीं होगा, तो आप इसे प्राप्त कर सकते हैं :) – Joe

0

चेक कोई इस ले लिया है खुश हूँ बाहर Stack Edit यह एक महान WYSIWYG markdown संपादक है - गूगल डॉक्स, ड्रॉपबॉक्स & CouchDB, Github (और कई अन्य स्थानों) को प्रकाशित करता है साथ समन्वयित हो जाता है, और आसान लिंक साझा करने प्रदान करता है। आप इसे अपनी वेबसाइट पर या क्रोम ऐप का उपयोग कर सकते हैं। आप वहां संपादक में शीर्षक और सूचियां बना सकते हैं, और यह आपको मार्कडाउन प्रारूप में संबंधित टेक्स्ट दिखाएगा। फिर आप फ़ाइल को सहेज सकते हैं, प्रकाशित कर सकते हैं, साझा कर सकते हैं या डाउनलोड कर सकते हैं।

संबंधित मुद्दे