2011-10-12 23 views
16

Devo utilizzare l'HTML 5 data attribute in Tiny MCE, ma l'editor li cancella sempre, in quanto non è un attributo noto con la configurazione di default valid_elements.TinyMCE, attributo dati attributo

Così ho 2 problemi qui:

  • l'attributo di dati è dinamico (che potrebbe essere data-opzioni,-test dei dati, i dati-foo, ecc ...) Così mi avrebbe bisogno di un valore di jolly o qualcosa.
  • Desidero consentire l'attributo di dati per tutti i tag.

Finora, ho provato:

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

E:

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

Ma non funziona :(

risposta

4

extended_valid_elements non è la scelta migliore qui. Hava un'occhiata allo valid_elementssetting. Ecco un esempio

// 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

Perché extended_valid_elements non è la scelta migliore? Inoltre, da quello che ho capito, l'opzione valid_elements deve definire tutti i tag e l'attributo, poiché sovrascriverà quello predefinito (non aggiungerà/accoderà/unirà la mia definizione a quella attuale). Non voglio che l'inizializzazione di TinyMCE sia lunga più di 300 righe in ogni punto in cui ho bisogno dell'editor ... – FMaz008

+0

In questo caso non si aggiungono nuovi elementi all'editor. Vuoi aggiungere solo un attributo. Potrebbe non essere molto conveniente, ma funziona usando il parametro valid_elements? – Thariama

+0

@Thariama, Ho lo stesso problema di FMaz008, ma con tinymce estraendo il mio attributo 'stile' di input. Ho 'valid_elements:" @ [id | classe | stile | titolo | dir govinda

3

sto usando:

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

e funziona per me. (TinyMCE 4.3.11 Si noti il ​​segno +?)

+0

Questo funziona per ma l'attributo personalizzato non è supportato –

+0

Spiacente, questo non funziona per me. Puoi dare qualche dettaglio in più? – jhned

+0

Grazie, mi hai salvato la giornata. Gli attributi personalizzati non sono infatti supportati, poiché AFAIK non sono HTML validi, ma puoi utilizzare attributi di dati personalizzati HTML5 ("data- *", come in "data-myamazingcustomattribute") –