Skip to main content
  Miércoles 26 de junio de 2019
  2 Respuestas
  3,4K visitas
  Suscribir
Hola,

¿Cómo podemos evitar que Dropeditor modifique el código fuente de un artículo? Usamos CSS personalizado y Dropeditor destruye el diseño. Por ejemplo, lo siguiente:


<ul id="hexGrid" zoompage-fontsize="13">
<li class="hex" zoompage-fontsize="13">
<a class="hexIn" href="/path" zoompage-fontsize="14">
<img src="/img1.jpg" alt="" />
<h1 zoompage-fontsize="42">Header 1</h1>
<p zoompage-fontsize="14">Text 1</p>
</a>
</li>
<li class="hex" zoompage-fontsize="13">
<a class="hexIn" href="/path" zoompage-fontsize="14">
<img src="/img2" alt="" />
<h1 zoompage-fontsize="42">Header 2</h1>
<p zoompage-fontsize="14">Text 2</p>
</a>
</li>
<li class="hex" zoompage-fontsize="13">
<a class="hexIn" href="/path" zoompage-fontsize="14">
<img src="/img3" alt="" />
<h1 zoompage-fontsize="42">Header 3</h1>
<p zoompage-fontsize="14">Text 3</p>
</a>
</li>
</ul>


Se cambia a esto cuando Dropeditor abre el artículo:


<ul id="hexGrid" zoompage-fontsize="13">
<li class="hex" zoompage-fontsize="13"><a class="hexIn" href="/path" zoompage-fontsize="14"><img alt="" src="/img1.jpg" /> </a>
<h1 zoompage-fontsize="42"><a class="hexIn" href="/path" zoompage-fontsize="14">Header 1</a></h1>
<a class="hexIn" href="/path" zoompage-fontsize="14"> </a>

<p zoompage-fontsize="14"><a class="hexIn" href="/path" zoompage-fontsize="14">Text 1</a></p>
<a class="hexIn" href="/path" zoompage-fontsize="14"> </a></li>
<li class="hex" zoompage-fontsize="13"><a class="hexIn" href="/path" zoompage-fontsize="14"><img alt="" src="/img2" /> </a>
<h1 zoompage-fontsize="42"><a class="hexIn" href="/path" zoompage-fontsize="14">Header 2</a></h1>
<a class="hexIn" href="/path" zoompage-fontsize="14"> </a>

<p zoompage-fontsize="14"><a class="hexIn" href="/path" zoompage-fontsize="14">Text 2</a></p>
<a class="hexIn" href="/path" zoompage-fontsize="14"> </a></li>
<li class="hex" zoompage-fontsize="13"><a class="hexIn" href="/path" zoompage-fontsize="14"><img alt="" src="/img3" /> </a>
<h1 zoompage-fontsize="42"><a class="hexIn" href="/path" zoompage-fontsize="14">Header 3</a></h1>
<a class="hexIn" href="/path" zoompage-fontsize="14"> </a>

<p zoompage-fontsize="14"><a class="hexIn" href="/path" zoompage-fontsize="14">Text 3</a></p>
<a class="hexIn" href="/path" zoompage-fontsize="14"> </a></li>
</ul>

UNA
Hace 6 años
Hola,

Gracias por contactarnos aquí sobre esta extensión.
¿Cómo podemos evitar que Dropeditor modifique el código fuente de un artículo? Usamos CSS personalizado y Dropeditor destruye el diseño.

DropEditor está construido sobre la base de CKEditor, limpia el HTML de salida automáticamente para hacerlo más limpio y válido.
Actualmente no hay ninguna configuración en DropEditor para deshabilitar esta función.

¡Espero eso ayude!
Salud,
S
Hace 6 años
Un poco, de hecho, sí. Todavía no tengo ni idea de por qué CKEditor reestructura nuestro código ni cómo evitarlo. Desactivar el Filtrado de Contenido Avanzado no funciona.

Pero descubrí que es posible añadir código que el editor ignora configurando config.protectedSource . Lo probé en el navegador y funciona.

¿Hay alguna forma de configurar CKEditor para que no se sobrescriba al actualizar DropEditor ?
  • Página :
  • 1
Aún no se han realizado respuestas para esta publicación.