2011-10-12 24 views
16

Tengo que utilizar el HTML 5 data attribute en Tiny MCE, pero el editor siempre los borra, ya que no es un atributo conocido por la configuración predeterminada valid_elements.TinyMCE, permitir datos atributo

así que tengo 2 problemas aquí:

  • el atributo de datos es dinámica (que podría ser ficha Opciones, a la prueba de datos, los datos-foo, etc ...) Así que necesitaría un valor de comodín o algo.
  • Quiero permitir el atributo de datos para todas las etiquetas.

Hasta ahora, he intentado:

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

Y:

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

Pero esto no funciona :(

Respuesta

4

extended_valid_elements no es la mejor opción aquí. Hava un vistazo a valid_elementssetting. Aquí hay un ejemplo

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

¿Por qué extended_valid_elements no es la mejor opción? Además, por lo que he entendido, la opción de elementos válidos debe definir todas las etiquetas y atributos, ya que anulará la predeterminada (no agregará/agregará/fusionará mi definición a la real). No quiero que mi inicialización de TinyMCE sea de más de 300 líneas en cada lugar que necesito el editor ... – FMaz008

+0

En este caso, no está agregando nuevos elementos al editor. Desea agregar un atributo solamente. Puede que no sea muy concentrado, pero ¿funciona usando el parámetro valid_elements? – Thariama

+0

@Thariama, Estoy teniendo el mismo problema que FMaz008, pero con tinymce eliminando mi atributo 'estilo' de entrada. Tengo 'valid_elements:" @ [id | class | style | title | dir govinda

3

estoy usando:

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

y funciona para mí. (TinyMCE 4.3.11. ¿Te fijas en el signo +?)

+0

Esto funciona para pero el atributo personalizado no es compatible –

+0

Lo siento, esto no funciona para mí. ¿Puedes darnos un poco más de detalles? – jhned

+0

Gracias, me salvó el día. De hecho, los atributos personalizados no son compatibles, porque AFAIK no son HTML válidos, pero puede usar atributos de datos personalizados HTML5 ("data- *", como en "data-myamazingcustomattribute"). –