Opened 4 years ago

Last modified 3 years ago

#13775 confirmed Bug

Typing into selected contents of span tag creates font tag — at Version 3

Reported by: Jakub Ś Owned by:
Priority: Normal Milestone:
Component: General Version: 4.0
Keywords: IE11 Blink Webkit Cc:

Description (last modified by Jakub Ś)

Steps to reproduce

  1. Open replacebycode sample and clear editor contents
  2. Type few characters
  3. Select chars and change text color and font to e.g. Comic sans
  4. While whole text is still selected (you can also unselect and select whole sample text again - result will be the same), type new random characters

Expected result

Span tags stays and only its content changes.

Actual result

Span tag is changed to font tag.

Other details (browser, OS, CKEditor version, installed plugins)

Problem can be reproduced from CKEditor 4.0 in Blink/Webkit and in IE11 from version 4.3 (this is the version when we have started supporting IE11). Firefox and IE10- seem to work fine.

Change History (3)

comment:1 Changed 4 years ago by Jakub Ś

Status: newconfirmed
Summary: Typing into selected area ccontents of span tag creates font tagTyping into selected contents of span tag creates font tag

comment:2 Changed 4 years ago by Jakub Ś

As a workaround ACF transformations might be used:

var editor = CKEDITOR.replace('textarea_id', {/*instance specific configuration*/});

editor.on('pluginsLoaded', function(evt){
	evt.editor.filter.addTransformations( [
				element: 'font',
				left: function( el ) {
					return == 'font' && ( el.attributes.face || el.attributes.color );
				right: function( el, tools ) {
					if( el.attributes.face ) {
						el.styles['font-family'] = el.attributes.face;
						delete el.attributes.face;
					if( el.attributes.color ) {
						el.styles['color'] = el.attributes.color;
						delete el.attributes.color;
				 = 'span';
Last edited 4 years ago by Jakub Ś (previous) (diff)

comment:3 Changed 4 years ago by Jakub Ś

Description: modified (diff)
Keywords: Blink Webkit added
Version: 4.34.0
Note: See TracTickets for help on using tickets.
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy