I'm using Angular 4 with ckeditor 4.x for WYSIWYG.
So when I'm displaying the code from database, the view is not the same in ckeditor, even if there's no style applying with paragraph.
I've tryed to reduce the line-height
with CSS but no-way, it's the same result.
I removed the margin
between lines but the same matters.
This is the code of the CSS where I've tryed to solve the problem:
p, p + p{
color:rgb(51, 51, 51);
display:block;
font-family:sans-serif, Arial, Verdana, "Trebuchet MS";
font-size:13px;
line-height:normal;
margin: 0;
word-wrap:break-word;
-webkit-margin-after:0px;
-webkit-margin-before:0px;
-webkit-margin-end:0px;
-webkit-margin-start:0px;
}
<p>This one line</p>
<p>this is the second lines</p>
<p>And another one</p>
<p>And a last lines</p>
This is the view:
Here's the computed code in dev tools
I solve the problem by removing the white-space:pre-wrap;
. I Don't kwon why it's add a space between lines.