le Plugin jQuery “readmore”, garniture de texte sans couper les mots

Je suis en utilisant http://rockycode.com/blog/jquery-plugin-readmore/ pour la garniture long du texte et ajouter un "Voir plus" pour révéler tout le texte.

J'aimerais éviter de couper les mots, comment pourrais-je le faire?

Si la limite est de 35, ne pas couper le w...

mais

Si la limite est de 35, ne pas couper la parole... (et dans ce cas, l'assiette au 38, puis d'afficher le texte masqué à partir de 39e chtill la fin.

OriginalL'auteur Santiago | 2011-04-30

  1. 3

    Vous pouvez modifier la abridge fonction au sein de ce plugin comme suit:

    function abridge(elem) {
  var opts = elem.data("opts");
  var txt = elem.html();
  var len = opts.substr_len;
  var dots = "<span>" + opts.ellipses + "</span>";
  var charAtLen = txt.substr(len, 1);
  while (len < txt.length && !/\s/.test(charAtLen)) {
      len++;
      charAtLen = txt.substr(len, 1);
  }
  var shown = txt.substring(0, len) + dots;
  var hidden = '<span class="hidden" style="display:none;">' + txt.substring(len, txt.length) + '</span>';
  elem.html(shown + hidden);
}

    ...et il va se comporter comme vous le désirez. Vous pouvez ajouter une option pour désactiver cette fonction, mais je vais laisser ça à vous.

    Voir exemple de travail →

    Canon pour tuer les moustiques... Mais si cela fonctionne, c'est bien
    Je ne sais pas si il y a un moyen plus simple de le faire, mais cela fonctionne bien! Grâce mVChr

    OriginalL'auteur mVChr

  2. 7

    Au lieu de faire ceci:

    $elem.readmore({
  substr_len: 35
});

    Que vous pourriez faire ce

    $elem.readmore({
  substr_len: $elem.text().substr(0, 35).lastIndexOf(" ")
});

    Ce que nous faisons, c'est pour aller à la dernière espace possible avant de l'indice 35.
    Bien sûr 35 peut être variable. Vous pouvez également le mettre dans une fonction pour le réutiliser.

    Espère que cette aide

    OriginalL'auteur Edgar Villegas Alvarado

  3. 1

    Je viens de recueillir de l'information sur ce sujet, avec votre aide et l'aide d'autres postes liés à l', j'ai écrit ceci:

    http://jsfiddle.net/KHd6J/526/

    OriginalL'auteur user954728