In body of Rad editor if i pasted the code below in HTML container -
<a
href="http://members.farmtoconsumer.org/donations/"
target="_blank">
<figure class="center-img">
<img style="border: 0px solid currentColor;
border-image: none; width: 100%; max-width: 303px !important;"
alt="Donate Today!" src="https://media.mercola.com/assets/images/donate-today.jpg">
<figcaption class="op-large op-center
hide-figcap">
<a href="http://members.farmtoconsumer.org/donations/"
target="_blank">Click Here</a>
</figcaption>
</figure>
</a>
After this when i switch from HTML to design and then again back to HTML the code changes to below code -
<a href="http://members.farmtoconsumer.org/donations/" target="_blank">
</a><figure class="center-img"><a href="http://members.farmtoconsumer.org/donations/" target="_blank">
<img style="border: 0px solid currentColor; border-image: none; width: 100%; max-width: 303px !important;" alt="Donate Today!" src="https://media.mercola.com/assets/images/donate-today.jpg">
</a><figcaption class="op-large op-center hide-figcap"><a href="http://members.farmtoconsumer.org/donations/" target="_blank">
</a><a href="http://members.farmtoconsumer.org/donations/" target="_blank">Click Here</a>
</figcaption>
</figure>
Notice that the <a> tag was immediately closed. It seems like the editor updates the codes accordingly (some sort of auto-correcting html codes I guess). Is there any way we can avoid this or is this something that we cannot modify or any solution for this?