How to make use of it:

1. Import the stylesheet readjs.css and JavaScript readjs.js into the doc.

<link rel="stylesheet" href="src/readjs.css" />
<script src="src/readjs.js"></script>

2. Initialize the Read.js library and override the default choices as per your wants.

var readJsInstance = readJs_Initialize({ 

    // text for the "Read More" link
    "readMoreText": "Read More",

    // text for the "Read Less" link
    "readLessText": "Read Less",

    // maximum number of characters
    "maximumLengthOfText": 200,

    // A boolean flag that states if 
    // the text detected in the elements 
    // should be placed inside a styled container
    "useStyledContainers": true,
    
});

3. Apply the Read.js to your massive text blocks and override the default properties.

<div data-read-more="{ visible: false, useStyledContainer: true }">If you're visiting this page, you're likely here because you're searching for a random sentence. Sometimes a random word just isn't enough, and that is where the random sentence generator comes into play. By inputting the desired number, you can make a list of as many random sentences as you want or need. Producing random sentences can be helpful in a number of different ways.</div>

4. Event handlers.

var readJsInstance = readJs_Initialize({ 
    "onReadMore": onReadMore,
    "onReadLess": onReadLess,
});
function onReadMore() {
  document.title = "Read.js - Reading More";
}
function onReadLess() {
  document.title = "Read.js - Reading Less";
}

5. API strategies.

// Expand all
readJsInstance.openAll();

// Collapse all
readJsInstance.closeAll();

Create Read More Links For Large Text Blocks, Read.js Plugin/Github

See Demo And Download