<textarea> में टेक्स्ट स्वरूपित करें?

Question

कुछ निर्मित कार्यक्षमता (स्क्रॉलबार) की वजह से Textareas बहुत अच्छे हैं। मैं <textarea> के अंदर टेक्स्ट के <spans> को कैसे प्रारूपित कर सकता हूं?

Answer 1

यदि आपको अपने टेक्स्टरेरा को कस्टमाइज़ करने की आवश्यकता है, तो contenteditable विशेषता के साथ किसी अन्य तत्व (जैसे डीआईवी) का उपयोग करके अपने व्यवहार को पुन: उत्पन्न करें।

यह अधिक अनुकूलन योग्य और अधिक आधुनिक दृष्टिकोण है, टेक्स्टरेरा केवल सादा पाठ सामग्री के लिए है, अमीर सामग्री के लिए नहीं।

<div id='fake_textarea' contenteditable></div> 

स्क्रॉलबार को सीएसएस ओवरफ्लो प्रॉपर्टी के साथ पुन: उत्पन्न किया जा सकता है।

आप आम तौर पर यानी एक रूप में यह नकली पाठ क्षेत्र का उपयोग कर सकते: आप POST पद्धति के माध्यम से अपनी सामग्री प्रस्तुत करने के लिए है, तो आप की तरह (jQuery के साथ) कुछ कर सकते हैं:

<input type='hidden' id='fake_textarea_content' name='foobar' /> 

...

$('#your_form').submit(function() 
{ 
    $('#fake_textarea_content').val($('#fake_textarea').html()); 
}); 

Answer 2

आप TEXTAREA के अंदर HTML का उपयोग नहीं कर सकते।

स्क्रॉलिंग overflow: auto और width और/या height जोड़कर किसी भी तत्व पर लागू किया जा सकता है।

Answer 3

आप वेब के लिए HTML संपादक जैसे CKEditor को टेक्स्ट क्षेत्र में डेटा स्वरूपित करने में सक्षम हो सकते हैं। यह जांचें http://ckeditor.com/

Answer 4

आप अलग-अलग टेक्स्ट क्षेत्र की सामग्री को शैलीबद्ध नहीं कर सकते हैं, आपको एस, या कुछ समान उपयोग करना होगा।

क्या आप ऐसा कुछ चाहते हैं :?

http://jsfiddle.net/mekwall/XNkDx/

$('.editable').each(function(){ 
    this.contentEditable = true; 
}); 

यह आपको एक div की सामग्री को संपादित करने की अनुमति देता है, और यह अभी भी एक पाठ क्षेत्र की तरह दिखाई देगा,

बोल्ड अब काम करेंगे।

Answer 5

"नकली" पाठ क्षेत्र प्रस्तुत करने के लिए एक और तरीका है प्रपत्र टैग

<form onsubmit=" $('#fake_textarea_content').val($('#fake_textarea').html());"> 
</form>