एचटीएमएल सामग्री संपादन योग्य दस्तावेज़.execCommand चयनित अस्पष्टता बदलें

Question

कोई भी सामग्री पर बदलती अस्पष्टता के साथ काम करता है संपादन योग्य।

मैं निम्नलिखित के साथ की कोशिश की:

document.execCommand('foreColor', false, 'rgba(0,0,0,0.5)'); // with rgba 
document.execCommand('foreColor', false, '80000000'); // with alpha hex 

कोई भी काम। लेकिन मैं आसानी से रंग बदल सकता हूं:

document.execCommand('foreColor', false, '000000'); 

क्या कोई मुझे document.execCommand के साथ परिवर्तन अस्पष्टता पर मदद कर सकता है?

अद्यतन

आगे पर पता चला सर्च कर रहे हैं:

document.execCommand 'ForeColor' दिया रंग के साथ चुना जाने वाला फ़ॉन्ट टैग को जोड़ने। लेकिन दुख की बात है कि रंगीन विशेषता एचटीएमएल 5 में समर्थित नहीं है।

क्या समस्या है? इसका विकल्प क्या है?

Answer 1

आपको styleWithCSS कमांड का उपयोग करना होगा, जो निर्दिष्ट करता है कि दस्तावेज़ में execCommand विधि द्वारा सीएसएस या HTML स्वरूपण उत्पन्न किया जाना चाहिए या नहीं।

यहां चश्मे का संदर्भ लें: https://dvcs.w3.org/hg/editing/raw-file/tip/editing.html#the-stylewithcss-command।

तो, इस मामले में टैग उत्पन्न करने के बजाय सीएसएस स्टाइल का उपयोग करने के लिए true पास करें।

स्निपेट:

function setColor() { 
 
    document.execCommand('styleWithCSS', false, true); 
 
    document.execCommand('foreColor', false, "rgba(0,0,0,0.5)"); 
 
}

<p contentEditable="true" onmouseup="setColor();">this is some text</p>

यह सीएसएस के साथ HTML उत्पन्न होगा लागू किया, इस तरह:

<p contenteditable="true" onmouseup="setColor();"> 
    this is <span style="color: rgba(0, 0, 0, 0.498039);">some</span> text 
</p> 

आशा है कि मदद करता है।

।