2011-10-16 15 views
5

मेरे पास कोड है जो आपको पाठ को बोल्ड, अंडरलाइन, स्ट्राइकआउट या इटालिक्स के साथ टेक्स्टरेरा में प्रारूपित करने देता है। लेकिन यह वास्तव में इसे स्वरूपित करने के बजाय HTML टैग प्रदर्शित करता है। मुझे पता है कि एक बार जब मैं इसे एक div के अंदर आउटपुट करता हूं, तो इसे बीमार स्वरूपित किया जाता है, लेकिन जब मैं टेक्स्ट लिखता हूं तो मैं स्वरूपण दिखाना चाहता हूं।मैं टेक्स्टटेरा के अंदर HTML स्वरूपण कैसे दिखा सकता हूं?

मैं स्वरूपण को कैसे सक्षम कर सकता हूं? जावास्क्रिप्ट ठीक है, मैं इस समय JQuery का उपयोग कर रहा हूँ। यदि कोई दूसरा विकल्प है, तो मैं WYSIWYG संपादक का भी उपयोग नहीं करूंगा।

किसी भी मदद के लिए धन्यवाद।

उत्तर

0

मेरा मानना ​​है कि यह आपके टेक्स्टरेरा के बजाय कुछ div या अन्य शैली योग्य HTML तत्व का उपयोग करके केवल संभव है। जावास्क्रिप्ट के साथ आप टेक्स्टरेरा की कार्यक्षमता जोड़ देंगे।

इस तरह आप यहां कुछ स्वरूपण प्रणाली का उपयोग कैसे करते हैं? यह छद्म WYSIWYG की तुलना में मेरी राय में बहुत अधिक सुरुचिपूर्ण है।

0

टेक्स्टरे को एक div के साथ बदलें और डिज़ाइन मोड सक्षम करें। या आप jquery प्लगइन का उपयोग कर सकते हैं http://plugins.jquery.com/project/designMode

0

टेक्स्टटेरा के अंदर किया जा सकता है, आपको wysiwyg संपादक या ऐसा कुछ करने के साथ जाना होगा। अपने आप में से एक बनाने के लिए यह बहुत आसान है। यह एक बहुत अच्छी ट्यूटोरियल है:

Devgurus wysiwyg tutorial

14

उपयोग contenteditable div तत्व

<div contentEditable="true"> 
</div 

इस तरह से आप किसी भी वांछित तरीके से अपने इनपुट फ़ॉर्मेट कर सकते हैं पर विशेषता, बस न डेटा ठीक से बचने भूल जाते हैं।

+0

यह केवल उन ब्राउज़रों के लिए है जो HTML5 का समर्थन करते हैं, यह व्यवहार्य है लेकिन क्रॉस-ब्राउज़र विश्वसनीयता को हल नहीं करेगा। – MacMac

+3

@lolwut: 'contentEditable' को सभी प्रमुख (डेस्कटॉप) ब्राउज़र में [काफी समय] के लिए समर्थित किया गया है (http://caniuse.com/contentitable)। – You

2

बस एक विचार; यदि आप सिर्फ उपयोगकर्ताओं को यह देखना चाहते हैं कि उनकी प्रतिक्रिया कैसी दिखाई देगी, तो आप इस साइट से एक क्यू ले सकते हैं और टिप्पणी बॉक्स के ऊपर/नीचे "पूर्वावलोकन" div का एक प्रकार का प्रकार ले सकते हैं। कोड को div में डालने के लिए आप उपयोगकर्ता के प्रकार के रूप में इसे अद्यतित रखने के लिए KeyUp पर उपयोग कर सकते हैं। यह सही नहीं है, लेकिन यह संभवतः उतना ही अच्छा है जितना आप प्राप्त करने जा रहे हैं यदि आप WYSIWYG का उपयोग नहीं करना चाहते हैं।

कहा जा रहा है, सामग्री संपादन योग्य + WYSIWYG विकल्प शायद अधिक उपयोगकर्ता के अनुकूल, और सरल, IMHO है।

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

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