I'm having a problem with EO.Editor and occurrences of <i class in the code- I think the Editor is trying to interpret the <i class as italics and reconstructs the html but it causes a problem as it tries to reconstruct the html>

I've tried this with the latest version of the controls on the EO Demo current site, in demo mode
I Have an bootstrap icon class <i class="fa etc ... as part of my HTML ... If I paste the below Code even into your Demo Basic 2003 XP Style into the HTML Tab

<header>
<h4 class='entry-title'>
<i class='fa fa-film'></i>
<a href='article.html'>Setting up the Diary</a>
</h4>
</header>

Then press Design.. The code will appear properly in the browser ( except without ref to the Icon from the Class )
If I press HTML again

The code will change to

<header>
<h4 class="entry-title"><i class="fa fa-film" /><a href="article.html">Setting up the Diary</a></h4>
</header>

Formatting has been lost and the <i class='fa fa-film'></i> has been converted to <i class="fa fa-film" />

If I press Design again, the text has now been turned to Italic - and then if I call up HTML the following is presented
and I get the following

<header>
<h4 class="entry-title"><i class="fa fa-film"><a href="article.html">Setting up the Diary</a></i></h4>
<i class="fa fa-film">
</i></header>


The </i> has now reappeared but in the incorrect place plus another
<i class="fa fa-film">
</i>

have appeared before the header..

Can anybody help, as this does'nt work for my needs - Is there an update or a solution >???