piranha.core icon indicating copy to clipboard operation
piranha.core copied to clipboard

TinyMCE is changing my markup

Open selaromdotnet opened this issue 8 months ago • 0 comments

Sorry if this has been previously discussed and/or addressed, I searched for a number of different phrases to find anyone having a similar problem and didn't find any.

I am attempting to save the following markup in the content block, using the source code view of the html editor:

<section class="py-5 bg-light">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-lg-8 text-center">
				<h2 class="display-4 mb-5">Find me on:</h2>
				<div class="social-icons social-icon-text icon-colored justify-content-center mb-5">
					<a class="icon twitter" href="https://twitter.com/selaromdotnet">
						<i class="fab fa-twitter"></i>
						<span>Twitter</span>
					</a>
					<a class="icon linkedin" href="https://linkedin.com/in/selaromdotnet">
						<i class="fab fa-linkedin"></i>
						<span>Linked in</span>
					</a>
					<a class="icon github" href="https://github.com/selaromdotnet">
						<i class="fab fa-github"></i>
						<span>Github</span>
					</a>
					<a class="icon stack-overflow" href="https://stackoverflow.com/users/83825/selaromdotnet">
						<i class="fab fa-stack-overflow"></i>
						<span>Stack Overflow</span>
					</a>
				</div>
			</div>
		</div>
	</div>
</section>

As soon as I click save, however, the markup is then replaced with this:

<section class="py-5 bg-light">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="display-4 mb-5">Find me on:</h2>
<div class="social-icons social-icon-text icon-colored justify-content-center mb-5"><a class="icon twitter" href="https://twitter.com/selaromdotnet"> Twitter </a> <a class="icon linkedin" href="https://linkedin.com/in/selaromdotnet"> Linked in </a> <a class="icon github" href="https://github.com/selaromdotnet"> Github </a> <a class="icon stack-overflow" href="https://stackoverflow.com/users/83825/selaromdotnet"> Stack Overflow </a></div>
</div>
</div>
</div>
</section>

I tried editing the config to disable cleanup but that didn't work, and I'm not sure what else to try. I'd rather just disable this entirely than try to hunt down the markup it doesn't like every time... can this be done so I can preserve my html exactly the way I want it?

selaromdotnet avatar Jun 18 '24 01:06 selaromdotnet