Setting tabSpaces>0 : lose text formatting with tab key

[Joe]

The text formatting is lost when pressing the tab key and tabSpaces > 0. You can see this in the sample inlinebycode.html

add tabSpaces :

// We need to turn off the automatic editor creation first.
CKEDITOR.disableAutoInline = true;
CKEDITOR.tabSpaces = 4;
CKEDITOR.on( 'instanceReady', function( ev ) {

Format text, type in text, hit tab, type some more, formatting lost.

Firefox & Chrome didn't try IE

Would expect formatting to be kept if tab key pressed.

[Joe]

screen recording of issue

[Jakub Ś]

Problem can be reproduce from CKEditor 4.0 beta. It works fine in CKEditor 3.x.

You don't need inline editor to reproduce this issue. It is also possible to get this result in classic editor.

[Piotrek Koszuliński]

Pushed ​branch:t/12157 with tests and a patch.

[Artur Delura]

Merged into master in ​git:ec78f62.

[Piotrek Koszuliński]

A few words of explanation - the tab plugin used the editor.insertHtml method which (it's a design decision that we made) assumes that the HTML to be inserted already contains all information about semantics/styling and this information must be preserved when inserting it. In this case we're inserting HTML representing N spaces. N unstyled spaces.

The editor.insertText method which I proposed works slightly differently. Since it accepts a plain text, which cannot contain information about styling or semantics, the styling and semantics of the place of insertion is preserved.