Ik wil een tekst of regel met ellips afkappen met JavaScript

Antwoord 6, autoriteit 2%

Hierdoor wordt de ellips in het midden van de regel geplaatst:

function truncate( str, max, sep ) {
    // Default to 10 characters
    max = max || 10;
    var len = str.length;
    if(len > max){
        // Default to elipsis
        sep = sep || "...";
        var seplen = sep.length;
        // If seperator is larger than character limit,
        // well then we don't want to just show the seperator,
        // so just show right hand side of the string.
        if(seplen > max) {
            return str.substr(len - max);
        }
        // Half the difference between max and string length.
        // Multiply negative because small minus big.
        // Must account for length of separator too.
        var n = -0.5 * (max - len - seplen);
        // This gives us the centerline.
        var center = len/2;
        var front = str.substr(0, center - n);
        var back = str.substr(len - center + n); // without second arg, will automatically go to end of line.
        return front + sep + back;
    }
    return str;
}
console.log( truncate("123456789abcde") ); // 123...bcde (using built-in defaults) 
console.log( truncate("123456789abcde", 8) ); // 12...cde (max of 8 characters) 
console.log( truncate("123456789abcde", 12, "_") ); // 12345_9abcde (customize the separator) 

Bijvoorbeeld:

1234567890 --> 1234...8910

En:

A really long string --> A real...string

Niet perfect, maar functioneel. Vergeef de overcommentaar… voor de noobs.

Antwoord 7, autoriteit 2%

Gemakkelijkste en flexibele manier: JSnippet DEMO

Functiestijl:

function truncString(str, max, add){
   add = add || '...';
   return (typeof str === 'string' && str.length > max ? str.substring(0,max)+add : str);
};

Prototype:

String.prototype.truncString = function(max, add){
   add = add || '...';
   return (this.length > max ? this.substring(0,max)+add : this);
};

Gebruik:

str = "testing with some string see console output";
//By prototype:
console.log(  str.truncString(15,'...')  );
//By function call:
console.log(  truncString(str,15,'...')  );

Antwoord 8

function truncate(string, length, delimiter) {
   delimiter = delimiter || "…";
   return string.length > length ? string.substr(0, length) + delimiter : string;
};
var long = "Very long text here and here",
    short = "Short";
truncate(long, 10); // -> "Very long ..."
truncate(long, 10, ">>"); // -> "Very long >>"
truncate(short, 10); // -> "Short"

Antwoord 9

Probeer dit

function shorten(text, maxLength, delimiter, overflow) {
  delimiter = delimiter || "…";
  overflow = overflow || false;
  var ret = text;
  if (ret.length > maxLength) {
    var breakpoint = overflow ? maxLength + ret.substr(maxLength).indexOf(" ") : ret.substr(0, maxLength).lastIndexOf(" ");
    ret = ret.substr(0, breakpoint) + delimiter;
  }
  return ret;
}
$(document).ready(function() {
  var $editedText = $("#edited_text");
  var text = $editedText.text();
  $editedText.text(shorten(text, 33, "...", false));
});

Bekijk een werkend voorbeeld op Codepen
http://codepen.io/Izaias/pen/QbBwwE

Antwoord 10

HTML met JavaScript:

<p id="myid">My long long looooong text cut cut cut cut cut</p>
<script type="text/javascript">
var myid=document.getElementById('myid');
myid.innerHTML=myid.innerHTML.substring(0,10)+'...';
</script>

Het resultaat is:

My long lo...

Proost

G.

Antwoord 11

Als je een snaar wilt knippen voor een bepaalde lengte en punten wilt toevoegen, gebruik dan

// Length to cut
var lengthToCut = 20;
// Sample text
var text = "The quick brown fox jumps over the lazy dog";
// We are getting 50 letters (0-50) from sample text
var cutted = text.substr(0, lengthToCut );
document.write(cutted+"...");

Of als u niet op lengte wilt knippen maar met woordentelling, gebruik dan:

// Number of words to cut
var wordsToCut = 3;
// Sample text
var text = "The quick brown fox jumps over the lazy dog";
// We are splitting sample text in array of words
var wordsArray = text.split(" ");
// This will keep our generated text
var cutted = "";
for(i = 0; i < wordsToCut; i++)
 cutted += wordsArray[i] + " "; // Add to cutted word with space
document.write(cutted+"...");

Veel succes…