<![CDATA[Use readmore.js for blockquotes]]>Hi!

I'm migrating from another forum to hosted nodeBB but need som help with one important feature.

We have some users that make long posts, and when someone quotes, the quote become equally long, this makes it cumbersome to scroll throught the topic.

Other forums solve this by fading out, and a clickable "read more..." text that expands the big quotes.

I was hoping to do this as well, but am failing. Mainly I hope due to my lacking knowledge in javascript.

So I tried uploading readmore.min.js to /assets/uploads/... and added the following to custon javascript:

function onLoad() {
    require(['/assets/uploads/readmore.min.js']);
    console.log('yeah it works');
    console.log($('blockquote'));
    $('blockquote').readmore();
}

$(document).ready(onLoad);
$(window).on('action:ajaxify.end', onLoad);

This gives me the following output in the console:

86a146b2-755d-45ef-8924-e2b63c5849df-image.png

Any help is much appreciated!

Link Preview Image
]]>https://bbs.spacc.eu.org/new/topic/778a70c7-4e63-4099-9df8-5a69e63c7886/use-readmore.js-for-blockquotesRSS for NodeTue, 18 Aug 2026 00:50:47 GMTSun, 23 May 2021 11:51:54 GMT60<![CDATA[Reply to Use readmore.js for blockquotes on Fri, 01 May 2026 03:31:01 GMT]]>@baris don't we already automatically collapse blockquotes?

]]>https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107086https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107086Fri, 01 May 2026 03:31:01 GMT<![CDATA[Reply to Use readmore.js for blockquotes on Thu, 30 Apr 2026 14:27:43 GMT]]>The latest file is here https://github.com/jedfoster/Readmore.js/blob/master/readmore.min.js, I tried using it with the latest version of nodebb and found some issues. Create a pull request with my fixes at https://github.com/jedfoster/Readmore.js/pull/265/changes.

So with that updated file in public/uploads folder and the below custom javascript in the ACP it works.

$(window).on('action:topic.loaded action:posts.loaded', function() {
   function enableReadMore() {
       $('blockquote').readmore({});
   } 
   if (!$.readmore) {
       $.getScript('/foren/assets/uploads/readmore.min.js').then(enableReadMore);
   } else {
       enableReadMore();
   }
});

readmore.gif

Link Preview Image
]]>https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107079https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107079Thu, 30 Apr 2026 14:27:43 GMT<![CDATA[Reply to Use readmore.js for blockquotes on Wed, 29 Apr 2026 16:23:47 GMT]]>@downpw
Where do I download the updated readmore.min.js file?

]]>https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107075https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107075Wed, 29 Apr 2026 16:23:47 GMT<![CDATA[Reply to Use readmore.js for blockquotes on Tue, 28 Apr 2026 10:41:40 GMT]]>@moshe

Why don't use custom javascript in ACP ?

]]>https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107069https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107069Tue, 28 Apr 2026 10:41:40 GMT<![CDATA[Reply to Use readmore.js for blockquotes on Tue, 28 Apr 2026 08:14:02 GMT]]>@baris I would appreciate a more detailed explanation!
I guess I didn't understand the whole thread.
Is there a way to add a read more button to very long quotes?
If so, what is the whole process you had to do?

]]>https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107067https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107067Tue, 28 Apr 2026 08:14:02 GMT<![CDATA[Reply to Use readmore.js for blockquotes on Mon, 27 Apr 2026 21:04:57 GMT]]>Core no longer uses requirejs so that syntax will no longer work. If you put the readmore.min.js file in public/uploads then you can load it and use it with $.getScript().

$.getScript('/assets/uploads/readmore.min.js', function () {
  $('<div>').readmore();
})
```</div>
]]>https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107063https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107063Mon, 27 Apr 2026 21:04:57 GMT<![CDATA[Reply to Use readmore.js for blockquotes on Mon, 27 Apr 2026 20:47:27 GMT]]>@baris
It looks like this was fixed as part of NODEBB, but was removed in recent versions.

]]>https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107062https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107062Mon, 27 Apr 2026 20:47:27 GMT<![CDATA[Reply to Use readmore.js for blockquotes on Mon, 27 Apr 2026 20:33:56 GMT]]>Is there a solution to this issue today?
Does this come as part of the options nodebb?

]]>https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107061https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/107061Mon, 27 Apr 2026 20:33:56 GMT<![CDATA[Reply to Use readmore.js for blockquotes on Tue, 25 May 2021 20:14:40 GMT]]>Did you try with this?

function onLoad() {
    require(['/assets/uploads/readmore.min.js'], function () {
       console.log('yeah it works');
       console.log($('blockquote'));
       $('blockquote').readmore();
    });
}

$(document).ready(onLoad);
$(window).on('action:ajaxify.end', onLoad);
]]>https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/83420https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/83420Tue, 25 May 2021 20:14:40 GMT<![CDATA[Reply to Use readmore.js for blockquotes on Tue, 25 May 2021 19:13:25 GMT]]>@klockprat I will look inte customizing the template file to achieve this instead

]]>https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/83418https://bbs.spacc.eu.org/new/post/https://community.nodebb.org/post/83418Tue, 25 May 2021 19:13:25 GMT