javascript - style - TinyMCE, permite atributo de datos

title en css

Question

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

Así que tengo 2 problemas aquí:

• El atributo de datos es dinámico (podría ser opciones de datos, prueba de datos, datos, etc.) Por lo que necesitaría un valor comodín o algo así.
• Quiero permitir el atributo de datos para todas las etiquetas.

Hasta ahora, lo he intentado:

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

Y:

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

Pero no funciona :(

Answer 1

Estoy usando:

extended_valid_elements: "+@[data-options]"

Y funciona para mi. (TinyMCE 4.3.11. ¿Nota el signo +?)

Answer 2

extended_valid_elements no es la mejor opción aquí. valid_elements echar un vistazo a la configuración valid_elements . 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",