Question

Re,

I’m looking for vanilla JavaScript (or a jQuery plugin) code that would calculate the number of text characters on each line inside a div element and reformat the text by limiting characters per line to a certain number.

I’m using a Zurb Foundation grid and I believe the font size and column width are all dynamic.

Thanks.

Answer 1

This is a function that would reformat the text into whatever character limit you want to specify and insert breaks inbetween, but it doesn’t take tags into account at all.

function wrap(str, limit) {
    var len = str.length,
        output = [];

    for(var i=0;i*limit < len;i++) {
        output.push(str.substring(i*limit, limit);
    }

    return output.join('<br>');
}