New

Dropeditor changes source code

Wednesday, June 26 2019

2 Replies

3.2K Visits

Hi,

how can we prevent that Dropeditor changes an article's source code? We use some custom CSS and Dropeditor destroys the layout. For example the following:



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

gets changed into this when Dropeditor opens the article:



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

Assistance

4 years ago

#12166

Hi,

Thanks for contacting us here about this extension.

how can we prevent that Dropeditor changes an article's source code? We use some custom CSS and Dropeditor destroys the layout

DropEditor is built based on CKEditor, it cleans output html automatically to make it more cleaner and validity.
Currently there isn't any settings in DropEditor to disable this feature.

Hope it helps!
Cheers,

s.birbalta

4 years ago

#12171

A little bit in fact, yes. I still don't have any idea why CKEditor restructures our code or rather how to prevent it. Disabling Advanced Content Filtering doesn't work.

But I found it's possible to add code that is ignored by the editor by setting the config.protectedSource. I tried it within the browser and it works.

Is there any way to set a CKEditor config so that it does not get overwritten on an update of DropEditor?

Page :
1

There are no replies made for this post yet.