Opened 5 years ago

Closed 3 years ago

#6168 closed Bug (fixed)

Multiple styles lost when changing coreStyles_underling to use <span> with inline style

Reported by: steve_wood Owned by: garry.yao
Priority: Normal Milestone: CKEditor 3.6.5
Component: Core : Styles Version: 3.4
Keywords: IBM Cc: lynne_kues

Description (last modified by krst)

I changed the editor configuration object so that instead of inserting a <u> for underline, it inserts a <span> with an inline style :

coreStyles_underline: {
         element: "span", 
         attributes : {style: "text-decoration: underline"}

This works great except that when you apply this to an element that has had e.g. it's font size increased, the "underline" span replaces the font size one, effectively losing that style.

To reproduce - create an editor with the configuration modified as above, enter some text, either change the font family or font size of the text, then underline the text.

Attachments (2)

autogrow.html (2.8 KB) - added by steve_wood 5 years ago.
6168.patch (791 bytes) - added by garry.yao 3 years ago.

Download all attachments as: .zip

Change History (8)

Changed 5 years ago by steve_wood

comment:1 in reply to: ↑ description Changed 5 years ago by steve_wood

Attached modified version of the "autogrow" sample provided with the editor to show the problem.

comment:2 Changed 5 years ago by krst

  • Component changed from General to Core : Styles
  • Description modified (diff)
  • Keywords IBM added; ibm removed
  • Status changed from new to pending

I Confirmed this issue. Do You mean that it should work like this:

<span style="font-size: 16px; text-decoration: underline ">
This is some <strong>sample text</strong>. You are using <a href="">CKEditor</a>.


Instead of:

<span style="font-size: 16px; ">
<span style="text-decoration: underline">
This is some <strong>sample text</strong>. You are using <a href="">CKEditor</a>.




comment:3 Changed 5 years ago by steve_wood


What i see is that when I apply the text size, the DOM contains this :

<span style="font-size: 24px;">

Text <br type="_moz">


The, when i click the U button to apply underline (where the core style is modified to use a span) the DOM becomes : -

<span style="text-decoration: underline;">

Text <br type="_moz">


What i would have hoped to see is :

<span style="font-size: 24px;">

<span style="text-decoration: underline;">


</span> <br type="_moz">


So the spans are nested, whereas at present one seems to replace the other.

thanks, Steve.

Changed 3 years ago by garry.yao

comment:4 Changed 3 years ago by garry.yao

  • Milestone set to CKEditor 3.6.5
  • Owner set to garry.yao
  • Status changed from pending to review

The styles specified as inline attribute, should be resolved as the same with definition.styles.

comment:5 Changed 3 years ago by fredck

  • Status changed from review to review_passed

Please have a test for this when committing.

comment:6 Changed 3 years ago by garry.yao

  • Resolution set to fixed
  • Status changed from review_passed to closed

Fixed with [7599].

Note: See TracTickets for help on using tickets.
© 2003 – 2015 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy