microtiny v2.0.3 alters code (cmsms v2.1.2)

[so what?]

On a new install of cmsms v2.1.1 updated to v2.1.2 I set up a test page using bootstrap. On one page I copied the code of the bootstrap accordion example into the source code window of microtiny, clicked OK.
In this example there is this tag:

Code: Select all

<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  Collapsible Group Item #1
</a>

After opening the source code window again, this tag is changed to:

Code: Select all

<a href="#collapseOne" data-toggle="collapse" data-parent="#accordion"> Collapsible Group Item #1 </a>

As anyone can see microtiny removed the attributes role="button", aria-expanded="true" as well as aria-controls="collapseOne" and reordered the other attributes.
Why behaves microtiny like this? Why doesn't leave microtiny the code as it is?

[paulbaker]

Why behaves microtiny like this?

I think it regards the HTML it does not recognise as an error and tries to correct it. Annoying, I have come across it myself.

One solution is to change your template so that the HTML code appears outside of a content block.

[Jeff]

TinyMCE (what MicroTiny uses) is what does this be cause it doesn't think that it is valid HTML. Unfortunately there is no way to turn it off without turning of the WYSIWYG completely for that page.

[Dr.CSS]

You may want to try tinyMCE and see if it has a HTML5 setting to allow that type of code...