2012-05-06 10 views
20

He leído un montón de publicaciones en varios foros y aquí en SO, y aún parezco incapaz de evitar que tinymce elimine las etiquetas vacías del final de un bloque editable.cómo evitar que tinymce elimine las etiquetas vacías de la entrada?

E.g. Me introducir esto:

<a href="blah">zzz</a> 
<div class="floatClearer" style=""></div> 

..y a ida y vuelta (dentro y fuera de modo HTML), tinymce se despoja de todo el <div class="floatClearer" style=""></div>.

Según varios pedazos de consejo que he encontrado, he probado todas estas cosas, y más:

  • quitar el signo menos delante de div en mi valid_elements,

... y estos config. Opciones:

  • verify_html : false,
  • extended_valid_elements : "div*",
  • extended_valid_elements : "div[*]",

todo fue en vano. ¿Hay alguna manera de evitar esa acción de despojo? Hay otros lugares donde necesito etiquetas vacías (no solo en este ejemplo), así que, si puede, hágame saber una respuesta específica a mi pregunta, en lugar de sugerir que no use etiquetas vacías.

+3

se puede crear un violín tinymce con la configuración que nos ayude a conseguir un betterinsight a su problema? ver http://fiddle.tinymce.com/ – Thariama

+0

bienvenido de nuevo :-), y gracias. Claro, aquí, esto demuestra bien el problema: http://fiddle.tinymce.com/j9baab/1 Tinymce, violines, SO ... qué tiempo tan increíble para ser un codificador, con todas estas herramientas increíbles! – govinda

+1

usando su violín de tinymce no puedo ver cómo se quita su div vacío (he insertado sobre div usando el botón 'html' del código) – Thariama

Respuesta

11

Hubo un error en TinyMCE, y ahora está solucionado (en v3.5.2). ¡Gracias a @Thariama!

Para futuros buscadores: Use la opción verify_html.

Esta opción habilita o inhabilita la funcionalidad de limpieza de elementos. Si configura esta opción como falsa, se omitirá toda la limpieza del elemento, pero se seguirán ejecutando otras funciones de limpieza, como la conversión de URL.

Ejemplo de uso:

tinyMCE.init({ 
    ... 
    verify_html: false 
}); 
3

me quedo aquí porque estoy todavía toparse con este tema TODO el tiempo en los blogs de WordPress (incluso ahora, 2016) donde necesito usar divs vacíos para insertar Google Analytics, Google Translate y Google Tag Manager.

El patrón típico es que agregas uno a alguna parte en una página de blog donde lo necesitas y la próxima vez que vuelvas y toques la página con el editor TinyMCE whammo, ¡bammo tus divs se han ido!

El SOLO cosa que he encontrado que parece funcionar siempre de forma fiable es algo como lo siguiente:

<div id="google_translate_element" style="text-align:right;"><span style="display:none;">ha_ha_I_beat_u_tinyMCE</span></div> 
2

Como yo también tengo problemas, añado mi ladrillo - en la parte superior de Respuesta de Cliff Ribaudo.

Así que recomiendo usar &nbsp; dentro de la etiqueta vacía que no será eliminada y no será visible, ni siquiera por los motores de búsqueda.

Haciendo como tal no se han despojado de mi TinyMCE: <div class="someclass">&nbsp;</div>

Cuestiones relacionadas