टेक्स्ट नोड्स को संपादित करने की अनुमति दें

Question

समस्या: पाठ नोड्स जिनके पास माता-पिता नहीं हैं, वे संपादन योग्य नहीं हैं। टेक्स्ट नोड्स जिनके माता-पिता हैं, लेकिन एक भाई-बहन भी है (जैसे एक स्पैन), वे भी संपादन योग्य नहीं हैं। कच्चे टेक्स्ट नोड्स के लिए समर्थन आवश्यक है।

उदाहरण जो काम नहीं करता है:

<div id="gjs">
  <div class="glyphicon glyphicon-asterisk"></div> Try to edit me
</div>

अपेक्षित व्यवहार यह है कि टेक्स्ट नोड Try to edit me को संपादित किया जा सकता है। वास्तविक व्यवहार यह है कि इसे संपादित नहीं किया जा सकता है।

पुनरुत्पादन के लिए JSFiddle: https://jsfiddle.net/szLp8h4n/107/

mipierce · Accepted Answer

// This is to fix text that isn't wrapped in a span to make the component editable const updateLooseTextComponents = function(components: [any]) { for (const component of components) { if (component.type === 'textnode') { component.type = 'text'; component.tagName = 'span'; } if (component.components) { updateLooseTextComponents(component.components); } } }; updateLooseTextComponents(components); const td = template.template_data as any; td['gjs-components'] = JSON.stringify(components);

tommedema · Answer

@artf <gjs-text-node> एक अच्छा समाधान लगता है!

artf · Answer

जागरूक और सहमत, सवाल सिर्फ How? है। टेक्स्ट नोड्स में contentEditable संपत्ति नहीं है, इसलिए शायद हमें उन सभी को <span> के अंदर लपेटने की कोशिश करने की आवश्यकता है (केवल इसके दृश्य में) और देखें कि सभी को कैसे संभाला जाता है

टेक्स्ट नोड्स को संपादित करने की अनुमति दें

प्रश्न

जवाब (3)

संबंधित प्रश्न और उत्तर

सेट रूट काम नहीं करता है

HTML विशेषताओं/लक्षणों से बच नहीं सके

नीली रूपरेखा (GJS-होवर) स्क्रॉलिंग के दौरान अपने माता-पिता का अनुसरण नहीं कर रही है

कस्टम घटक के लिए संपादक को पुनः लोड करने के बाद लक्षण प्रदर्शित नहीं होते हैं

सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं

ब्राउज़ प्लगइन श्रेणियाँ