How can I stop the Web Content WYSIWYG Editor from messing up my html?

[Philipp Schrottmail, modificado hace 11 años.]

Hello,

My problem is the following. I want to use an area as an anchor.

<a href="http://google.com">
	<div>
		<img src="some_image">
		<h1>some heading</h1>
		<p>some text</p>
	</div> 
</a>

The <a> tag is around a div whichs technically isn't valid in Html4 but in 5 it is. But the browsers get it so I want to use it.
How ever whenever I edit the webcontent the WYSIWYG editor is opened firtst and it has this nasty habit of changing the html as he wants.

the above code gets corrected to the following

<p>
	<a href="http://google.com"> </a></p>
<div>
	<a href="http://google.com"><img src="some_image"> </a>
	<h1>
		<a href="http://google.com">some heading</a></h1>
	<p>
		<a href="http://google.com">some text</a></p>
</div>

The <a> tag got mulitplied by 4 and now the text and headings have hover effects which I don't want. You see where I'm getting.

Can I somehow tell the WSIWYG editor to stop this behaviour?