Double lines in text editor

4 posts by 2 authors in: Forums > CMS Builder
Last Post: April 18, 2019   (RSS)

By rez - April 17, 2019 - edited: April 17, 2019

Hi. I know if you use shift-enter you can avoid double lines in the text editor.  However, a client is complaining that this is weird / not normal.

Is there a way to stop all double lines? 

If I understand correctly, it's actually wrapping lines in paragraph tags when you press enter. I do see this when inspecting the code in Chrome. 

I added the following to a wysiwyg_custom.css I created (found this solution in google) but the lines when I press enter that are wrapped in <p> tags, still have more space than the text lines within a paragraph. They still appear as double lines.

/* -----------------------------------------------------------------------------------
   Add CSS rules for your custom 'style_formats' classes here.
   See the following for an example.
   ----------------------------------------------------------------------------------- */
p {
    margin: 0;
    padding: 0;
    border: 0;
}

By rez - April 17, 2019 - edited: April 17, 2019

Thanks Daniel. I used your configuration and removed my css since Paragraphs are now Shit-Enter. I explained this to the client but I think she will just use Enter / line breaks every time.

I see that TinyMCE  suggests not to make this change and that Microsoft Word and others use Paragraph tags when you press enter. I'll have to check that out, I don't use Word much except when opening a customers file but it seems weird to me as well. I would expect one line when pressing enter and have always thought the default was strange.

Anyway, I think I'm good and my customer will probably get to this tomorrow and hopefully be happy. Thanks!

By daniel - April 18, 2019 - edited: April 18, 2019

Hey rez,

Glad that worked for you! The <enter> behaviour is definitely platform-specific, and while I think it used to be more uniform, there's now some variation: Word adds paragraphs, whereas Open Office and Google Docs use line breaks. One small thing I'll add about the implication of switching from paragraphs to line breaks specifically in a web context is that line breaks can't be styled. Using two line breaks to show paragraphs means that that space will always be an exact double space. Whereas <p> tags allow you to alter the spacing with CSS, which can be useful if a site is re-designed or changes typography in the future, as "double space" isn't always proportional between different fonts. I personally like to preserve this flexibility, though I can certainly understand that there are cases where it's easier to simply use the line breaks.

Cheers,

Daniel
Technical Lead
interactivetools.com