Novo

Dropeditor altera o código-fonte.

Quarta-feira, 26 de junho de 2019

2 Respostas

3,4 mil visitas

Oi,

Como podemos impedir que Dropeditor altere o código-fonte de um artigo? Usamos um CSS personalizado e Dropeditor está destruindo o layout. Por exemplo, o seguinte:



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

O texto se transforma nisto quando Dropeditor abre o artigo:



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

Assistência

6 anos atrás

#12166

Oi,

Obrigado por nos contatar aqui sobre esta extensão.

Como podemos impedir que Dropeditor altere o código-fonte de um artigo? Usamos um CSS personalizado e Dropeditor está destruindo o layout.

DropEditor é baseado no CKEditor e limpa automaticamente o HTML de saída para torná-lo mais limpo e válido.
Atualmente, não existe nenhuma configuração no DropEditor para desativar esse recurso.

Espero que ajude!
Felicidades,

s.birbalta

6 anos atrás

#12171

Um pouco, sim. Ainda não tenho ideia de por que o CKEditor reestrutura nosso código, ou melhor, como impedir isso. Desativar o filtro de conteúdo avançado não funciona.

Mas descobri que é possível adicionar código que é ignorado pelo editor definindo o ` config.protectedSource` . Testei no navegador e funcionou.

Existe alguma maneira de configurar o CKEditor para que ele não seja sobrescrito em uma atualização do DropEditor ?

Página :
1

Ainda não há respostas para esta postagem.