Reduce Line Breaks in Posts

[JD]

URL: aeipathy.forums.net/

Okay, so my second query atm is -

Is there a way that I can force a post to reduce line breaks between paragraphs? Some of my members write up on Google Docs and then copy and paste into the site. When they do this, it creates several line breaks between the paragraphs so the paragraphs end up like this:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.




Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Instead of like this:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Is there a way I can automatically set it so that when the post appears in the thread it removes the additional linebreaks and reduces the gap in the paragraphs to just the one line. (Specifically without requiring additional coding on the part of the member like putting (p)(/p) tags around it or something).

Any help on this would be greatly appreciated!

[elli]

You can use CSS to hide sibling <br> tags, like this:

codepen.io/ebbymac/pen/fb7e70fc77d1af3b71a8ba06247b6201

.posts .post .message br:nth-child(n + 3) {
 display: none;
}
This will hide all but the first two breaks. You want a first break to create a new line, and a second to create a space in between.

[Retread]

Hey elli , I've been learning bits and pieces by reading the replies from the talented coders like you on this forum. Thanks.

I decided to try this on a test forum (wrapped it in style tags and put it in the Global Header) and got some unexpected results. I think I may have figured out what's going wrong.

I *think* it's doing exactly what you've told it to do but you haven't told it exactly what you want it to do, if that make sense.

Within each post it starts counting breaks. It doesn't matter what context exists between the breaks. It just starts counting. After the count reaches three, it removes that break and every break that occurs until the end of the post.

I haven't the slightest clue how to fix this. I suppose there might be a way to reset the count to zero if any other content falls between two breaks, but that's just a guess.

[elli]

Retread Yep, it is doing exactly what I told it to. I foolishly didn't test with multiple blocks of content, but it occurs to me that since nth-child follows an An + B pattern, there's no way to create a repeating range unless it's done manually. The problem is that we don't know exactly how many extra <br> there will be, so we can't select a range in the first place. CSS won't be possible here.

This will need a script that counts breaks where more than two are grouped together and removes the extras. I'll post it later if someone else doesn't figure it out first.

[Kami]

As a note for context: the reason this occurs is because the current editor is bugged and this will happen with any attempt to copy paste — document to post, or even post to post — and is addressed in v6’s version of the text editor.

[elli]

JD Here's the regex pattern to do this. codepen.io/ebbymac/pen/fb7e70fc77d1af3b71a8ba06247b6201

To use on your forum, Admin > Themes > Layout Templates > Forum Wrapper place the following above the closing </body> tag or in your global footers:

<script>
$(document).ready(function() {
 var $postMessage = $('.posts .post .message');

 $postMessage.each(function() {
   var $this = $(this);
   var $postMessageBody = $this.html().replace(/(<br\s*\/?>\s*){3,}/g, '<br><br>');

   $this.html($postMessageBody);
 });
});
</script>
Working here: ellitest.proboards.com/thread/31/multiple-breaks-test

There's a quick flash of extra breaks while the script does its thing.

[JD]

May 24, 2019 9:29:43 GMT -8 elli said:

JD Here's the regex pattern to do this. codepen.io/ebbymac/pen/fb7e70fc77d1af3b71a8ba06247b6201

To use on your forum, Admin > Themes > Layout Templates > Forum Wrapper place the following above the closing </body> tag or in your global footers:

<script>
$(document).ready(function() {
 var $postMessage = $('.posts .post .message');

 $postMessage.each(function() {
   var $this = $(this);
   var $postMessageBody = $this.html().replace(/(<br\s*\/?>\s*){3,}/g, '<br><br>');

   $this.html($postMessageBody);
 });
});
</script>
Working here: ellitest.proboards.com/thread/31/multiple-breaks-test

There's a quick flash of extra breaks while the script does its thing.

This works perfectly - thanks you Elli! <3 <3