1. s.birbalta
  2. Pres-sale questions about dropeditor
  3. Wednesday, 26 June 2019
  4.  Subscribe via email
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="//cdn1.joomunited.com/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="//cdn1.joomunited.com/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>

Responses (2)
Accepted Answer Pending Moderation
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,
Accepted Answer Pending Moderation
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.
Be one of the first to reply to this post!