Typing (not copying/pasting) in selected area create IE Font Tags instead of Spans

[Ashley]

This is similar to this ticket attached ​3786. However I felt it was important to raise it again but specifying that it was when you typed into a styled span that CKeditor replaces the code with a font tag. Also, unsure how to reopen a ticket when it stated it was fixed.

Reproduced on the Demo Inline editor on 18-11-2014.

To reproduce have custom styled code in the editor with font family specified.

<span class="textblock" style="color: rgb(44, 180, 49); line-height: 13pt; font-family: museob; font-size: 11pt;">
Get Real Results From Your Website
</span>
<span style="line-height: 13pt; font-size: 9pt; color: rgb(44, 180, 49); font-family: museob;" data-attr="">
<br>
</span>
<span class="textblock" style="color: rgb(58, 57, 59); line-height: 12pt; font-family: museo; font-size: 9pt;">
Monday 5th November, 6pm - 9pm,<br>
</span>
<span class="textblock" style="color: rgb(58, 57, 59); line-height: 12pt; font-family: museo; font-size: 9pt;">
The Falkirk Stadium<br>
</span>
<span style="line-height: 9pt; font-size: 9pt; color: rgb(44, 180, 49); font-family: museob;" data-attr=""><br>
</span>
<span class="textblock" style="color: rgb(44, 180, 49); line-height: 13pt; font-family: museob; font-size: 11pt;">
Negotiating Skills
</span>

Then highlight one of the green lines of text (or both) and type in a new line of text. The code replaces the span with font tag. Below is the result of the above test.

<p>
<span class="textblock" style="color: rgb(44, 180, 49); line-height: 13pt; font-family: museob; font-size: 11pt;"></span>
<span style="line-height: 13pt; font-size: 9pt; color: rgb(44, 180, 49); font-family: museob;" data-attr="">
<font color="#2cb431" face="Times New Roman">
New Header
</font>
<br>
</span>
<span class="textblock" style="color: rgb(58, 57, 59); line-height: 12pt; font-family: museo; font-size: 9pt;">
Monday 5th November, 6pm - 9pm,<br>
</span>
<span class="textblock" style="color: rgb(58, 57, 59); line-height: 12pt; font-family: museo; font-size: 9pt;">
The Falkirk Stadium<br>
</span>
<span style="line-height: 9pt; font-size: 9pt; color: rgb(44, 180, 49); font-family: museob;" data-attr="">
<br>
</span>
<span class="textblock" style="line-height: 13pt; font-size: 11pt;"></span>
<font color="#2cb431" face="Times New Roman">
Another new header
</font>
<br>
</p>

[Ashley]

HI There. From further testing I have found that in addition to the font tag it seems to be appearing due to the actual font itself.

From the above example if you highlighted the full "museo" text that it remains museo. However, if you selected the "museob" text that is when the font tag appears. I have tested this with other font "normal" vs "bold" and they too seem to carry that trait.

Does Ckeditor use some sort of definition of what IE should use when returning the font family? The below are an example of the font tags "face" attribute appearing when highlighting the font "museob". Museob font is rendered correctly on IE web page, but doesn't seem to be recognised when text of that font is selected and retyped.

Thread-00002258-Id-00000014 = museob (test 1) Thread-00002258-Id-00000019 = museob (test 2)

[Jakub Ś]

I have tried demo page as well as my local editor but no such issue has occurred.

Please specify:

1. Operating System you use
2. IE version you use
3. Exact steps to recreate the problem and if above steps are Exact and complete, please provide a screen-cast (jing for example)
4. Please also check your IE settings - are you by any chance using compatibility mode?
5. Please don't use IE dev-tools to check different IE version but use native browsers.

[Jakub Ś]

@MissAran you were right. There is an issue with IE.

I have reported it once more here #13775 and provided temporary workaround.