Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TinyMCE is changing my markup #2077

Open
selaromdotnet opened this issue Jun 18, 2024 · 0 comments
Open

TinyMCE is changing my markup #2077

selaromdotnet opened this issue Jun 18, 2024 · 0 comments

Comments

@selaromdotnet
Copy link

selaromdotnet commented Jun 18, 2024

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant