Ckeditor4: CKEditor shows double underline (Paragraph height increased)

Created on 12 Feb 2020  路  4Comments  路  Source: ckeditor/ckeditor4

Type of report

Bug

Provide detailed reproduction steps (if any)

  1. Loading the table HTML into CKeditor
  2. CKEditor shows the table differently compared to the original

Expected result

Same as original file

Actual result

Paragraph height increased

Other details

Table Source:
tableHTML.txt

Original:
Orginal Computed Style
Orginal Style

CKEditor:
CKeditor Computed Style

  • Browser: Chrome
  • OS: Windows 10
  • CKEditor version: 4.7.1
invalid bug

All 4 comments

The p element height is a native browser styling (you can see in the Computed tab that height style is dimmed and has no reference to any CSS style, meaning it is style added by the browser itself).

To align CKEditor 4 styling with you HTML displayed somewhere else you should adjust content.css file or add new styles via addCss API.

The p element height is a native browser styling (you can see in the Computed tab that height style is dimmed and has no reference to any CSS style, meaning it is style added by the browser itself).

To align CKEditor 4 styling with you HTML displayed somewhere else you should adjust content.css file or add new styles via addCss API.

Thank you for the immediate response. But Chrome shows it correctly when open that file. CKEditor only shows double line load that HTML into it.

Thank you for the immediate response. But Chrome shows it correctly when open that file. CKEditor only shows double line load that HTML into it.

Ok, I thought it is about the height, not the double line. I tried to reproduce it on https://ckeditor.com/ckeditor-4/demo/#article (via editor.setData() method and copy/paste) but then I got no underline:

Zrzut ekranu z 2020-02-12 10-58-56

How do you insert the HTML into the editor and what Chrome version do you use?

Thank you for the immediate response. But Chrome shows it correctly when open that file. CKEditor only shows double line load that HTML into it.

Ok, I thought it is about the height, not the double line. I tried to reproduce it on https://ckeditor.com/ckeditor-4/demo/#article (via editor.setData() method and copy/paste) but then I got no underline:

Zrzut ekranu z 2020-02-12 10-58-56

How do you insert the HTML into the editor and what Chrome version do you use?

Chrome Version: Version 79.0.3945.130 (Official Build) (64-bit)
We are using the editor.setData() method and facing issue in our application. But you can inspect and edit the HTML in the site itself to reproduce this issue in https://ckeditor.com/ckeditor-4/demo/#article

Was this page helpful?
0 / 5 - 0 ratings