चयनकर्ता

Question

के बजाय तत्व ऑब्जेक्ट में tinymce संपादक जोड़ें मेरे पास एक कस्टम-एलिमेंट (वेब ​​घटक का ऑरेलिया समतुल्य) है जो एक tinymce संपादक बनाता है। चयनकर्ता का उपयोग करके टेक्स्टरेरा का चयन करने का कोई तरीका नहीं है (क्योंकि किसी पृष्ठ पर इन कस्टम-तत्वों में से कोई भी मौजूद हो सकता है)। मुझे तत्व वस्तु को पारित करके tinymce उदाहरण को प्रारंभ करने के कुछ तरीके की आवश्यकता है। क्या ऐसी संभावना है? मैं कहीं भी इस कार्यक्षमता को खोजने में सक्षम नहीं हूं ...

अग्रिम धन्यवाद।

Answer 1

क्षमा करें कि मुझे थोड़ा देर हो चुकी है। मुझे यह वही समस्या थी। मैंने एक कोणीय निर्देश का उपयोग किया, और मैं $element पर TinyMCE प्रारंभ करना चाहता था। यह पता चला तो आप इस वाक्य विन्यास का उपयोग कर सकते हैं:

var element = getYourHTMLElementSomehow(); 

//... 

tinymce.init({ 
    target: element 
}); 

तो तुम selector बिल्कुल का उपयोग नहीं करते, और बदले target का उपयोग करें।

मुझे इसके लिए स्रोत कोड देखना पड़ा, क्योंकि ऐसा कहीं भी स्पष्ट रूप से प्रलेखित नहीं होता है।

Answer 2

चूंकि TinyMCE आपको एक चयनकर्ता का उपयोग करने की आवश्यकता महसूस करता है और आपको केवल एक तत्व उदाहरण पास करने की अनुमति नहीं देगा (और डेवलपर अपने फ़ोरम प्रतिक्रियाओं के आधार पर इस उपयोग-मामले की उपयोगिता को समझने के लिए प्रतीत नहीं होता है) आपका सर्वश्रेष्ठ दांव इस तरह कुछ करने के लिए होगा:

देखें

<template> 
    <textarea id.one-time="uniqueId" ...other bindings go here...></textarea> 
</template> 

ViewModel

export class TinyMceCustomElement { 
    constructor() { 
    this.uniqueId = generateUUID(); 
    } 

    attached() { 
    tinymce.init({ 
     selector: `#${this.uniqueId}`, 
     inline: true, 
     menubar: false, 
     toolbar: 'undo redo' 
    }); 
    } 
} 

function generateUUID() { 
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { 
     var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8); 
     return v.toString(16); 
    }); 
} 

मेरे UUID समारोह यहां से आता है: Create GUID/UUID in JavaScript?