सामग्री संपादन योग्य, CTRL-B CTRL-I और

Question

सहेजना मैंने अभी एक सामग्री का उपयोग करना शुरू कर दिया है, और इस पर बहुत व्यापक जानकारी नहीं मिली है।

मैंने देखा है कि क्रोम में, मैं CTRL दबाकर शब्दों को बोल्ड/इटैलिक कर सकते हैं - बी और CTRL - मैं।

क्या यह संभवतः अन्य ब्राउज़रों में इच्छित व्यवहार होने जा रहा है? यह, उदाहरण के लिए, क्रोम में काम करता है:

<div class="container" id="typer" onclick="this.contentEditable='true';"> 

http://jsfiddle.net/uk6DA/15/

मैं अगर मैं आदेश को उपयोगकर्ता के संपादन को बचाने के लिए इस स्वरूपण पढ़ सकते हैं, सोच रहा हूँ? बी और CTRL - - मैं इसके अलावा, मैं एक बोल्ड बटन और इटैलिक बटन कि CTRL ट्रिगर किया जाएगा बना सकते हैं? मैं (जो उन्हें एक नोट उन्हें यह बताने प्रदान करने का मतलब है) - बी और CTRL - या मैं उपयोगकर्ता दबाने CTRL पर निर्भर करने की आवश्यकता होगी?

Answer 1

यह सभी प्रमुख ब्राउज़रों में मानक है। सभी प्रमुख ब्राउज़रों में document.execCommand() के माध्यम से उपलब्ध कीबोर्ड शॉर्टकट के प्रोग्रामेटिक समकक्ष भी हैं। बोल्ड और इटैलिक आदेश, उदाहरण के लिए, इस प्रकार मार डाला कर सकते हैं:

document.execCommand("Bold", false, null); 
document.execCommand("Italic", false, null); 

हालांकि, मार्क-अप उत्पन्न ब्राउज़र में अलग-। उदाहरण के लिए, बोल्ड के लिए विविधताएं <b>foo</b>, <strong>foo</strong> और <span style="font-weight: bold">foo</span> शामिल हैं।

संदर्भ:

• MSDN, list of commands
• MDN (मोज़िला)

Answer 2

संक्षिप्त उत्तर 'हां'। आपको यह article दिलचस्प लगता है। कई लोग 'डेवलपर इस मार्ग से नीचे चले गए हैं। यदि आप एक अच्छा wysiwyg संपादक चाहते हैं, तो से चुनने के लिए कई हैं।

आपके प्रश्न पर: हाँ आप स्वरूपण पढ़ सकते हैं। तत्व पर एक आंतरिक HTML आज़माएं और आपको अपने बोल्ड के आस-पास <b> टैग और 0,आपके इटालिक्स के आसपास मिलेगा। साथ ही - मैंने जो आलेख साझा किया है, आपको पता चलेगा कि एक बटन कैसे बनाया जाए जो बोल्ड होगा। उम्मीद है की यह मदद करेगा!