2011-10-12 19 views
16

मुझे Tiny MCE में HTML 5 data attribute का उपयोग करना होगा, लेकिन संपादक हमेशा उन्हें साफ़ करते हैं, क्योंकि यह डिफ़ॉल्ट valid_elements कॉन्फ़िगरेशन द्वारा ज्ञात विशेषता नहीं है।TinyMCE, डेटा विशेषता

तो मैं 2 समस्याओं यहाँ हैं:

  • डेटा विशेषता गतिशील है (यह डेटा-विकल्प, डेटा-परीक्षण, डेटा-foo, आदि ... हो सकता है) तो मैं एक वाइल्डकार्ड मूल्य की आवश्यकता होगी या कुछ और।
  • मैं सभी टैग के लिए डेटा विशेषता को अनुमति देना चाहता हूं।

अब तक, मैं कोशिश की है:

extended_valid_elements : '@[id|class|title|style|data-options]', 

और:

extended_valid_elements : '*[id|class|title|style|data*]', 

लेकिन यह काम नहीं करता है :(

उत्तर

4

extended_valid_elements यहाँ सबसे अच्छा विकल्प नहीं है। हवा valid_elementssetting पर एक नज़र डालें। यहां एक उदाहरण है

// The valid_elements option defines which elements will remain in the edited text when the editor saves. 
    valid_elements: "@[id|class|title|style|data-options|data*]," + 
    "a[name|href|target|title]," + 
    "#p,-ol,-ul,-li,br,img[src|height|width],-b,-i,-u," + 
    "-span[data-mce-type],hr", 
+6

क्यों विस्तारित_valid_elements सबसे अच्छा विकल्प नहीं है? साथ ही, जो मैंने समझा है, वैध_लेमेंट विकल्प को सभी टैग और विशेषता को परिभाषित करना होगा, क्योंकि यह डिफ़ॉल्ट एक ओवरराइड करेगा (यह मेरी परिभाषा को वास्तविक में जोड़/जोड़/जोड़ देगा)। मैं नहीं चाहता कि मेरी TinyMCE प्रारंभिकता 300 + लाइनों के हर जगह पर लंबी हो, मुझे संपादक की आवश्यकता है ... – FMaz008

+0

इस मामले में आप संपादक में नए तत्व नहीं जोड़ रहे हैं। आप केवल एक विशेषता जोड़ना चाहते हैं। यह बहुत संक्षिप्त नहीं हो सकता है, लेकिन क्या यह valid_elements पैरामीटर का उपयोग करके काम करता है? – Thariama

+0

@ थारीमा, मुझे FMaz008 के समान समस्या है, लेकिन टिनिमस के साथ मेरी इनपुट 'शैली' विशेषता को अलग करना। मेरे पास 'valid_elements:" @ [id | class | style | title | dir govinda

3

मैं उपयोग कर रहा हूँ:

extended_valid_elements: "[email protected][data-options]" 

और यह मेरे लिए काम करता है। (TinyMCE 4.3.11। + संकेत पर ध्यान दें?)

+0

यह काम करता है मुझे लेकिन कस्टम विशेषता समर्थित नहीं है –

+0

क्षमा करें, यह मेरे लिए काम नहीं कर रहा है। क्या आप थोड़ा और विवरण दे सकते हैं? – jhned

+0

धन्यवाद, मेरा दिन बचाया। कस्टम विशेषताओं वास्तव में समर्थित नहीं हैं, क्योंकि AFAIK वे वैध HTML नहीं हैं, लेकिन आप HTML5 डेटा डेटा विशेषताओं ("डेटा- *" का उपयोग कर सकते हैं, जैसा कि "डेटा-myamazingcustomattribute" में) –