Est-il sans danger de HTML tronquer la méthode dans les Rails?

J'ai une chaîne de HTML dans les Rails. Je tiens à tronquer la chaîne après un certain nombre de caractères qui ne sont pas y compris le balisage HTML. Aussi, si la division se trouve à tomber au milieu de l'ouverture et de la fermeture de la balise, je voudrais fermer la balise d'ouverture/s. Par exemple;

html = "123<a href='#'>456</a>7890"
truncate_markup(html, :length => 5) --> "123<a href='#'>45</a>"
InformationsquelleAutor Jesse Hattabaugh | 2010-12-01
  1. 35

    Il y a deux choses complètement différentes solutions à la fois avec le même nom: truncate_html

    1. https://github.com/ianwhite/truncate_html : C'est un bijou et utilise un analyseur html (nokogiri)
    2. https://github.com/hgmnz/truncate_html : C'est un fichier que vous mettez dans vos aides répertoire. Il utilise des expressions régulières et n'a pas de dépendances.
    • Le lien de travail pour la deuxième est: github.com/hgmnz/truncate_html
    • Existe-il des nouveaux gemmes sont encore maintenues et Rails de support 4?
    • Je voudrais aller avec hgmnz/truncate_html. Il est basé sur les expressions régulières et devrait fonctionner avec tous les Rails de la version longue comme le Rubis versions sont compatibles.
    • Malheureusement, hgmnz/truncate_html supprime les caractères spéciaux. Le code truncate_html('<p>aàáâäæãåāeèéêëēėęiîïíīįìoôöòóœøōõuûüùúū</p>', :length => 10) a une sortie attendue de <p>aàáâäæãåāe</p> mais retourne <p>aeiou</p>.
    InformationsquelleAutor gdelfino
  2. 80

    la régulière truncate fonction fonctionne très bien, il suffit de passer :escape => false comme une option pour garder le HTML intacte. par exemple:

    truncate(@html_text, :length => 230, :omission => "" , :escape => false)

    RubyOnRails.org

    *Modifier je n'ai pas lu la question de très près (ou à tous les TBH), de sorte que cette réponse ne résout pas cette question... C'EST la réponse que j'ai arrivé à la recherche de bien, donc j'espère que cela aide 1 ou 2 personnes 🙂

    • Google m'a amené ici, et c'était ce que je cherchais. Merci.
    • Merci!!!! C'est exactement ce que je cherchais.
    • Vous m'avez aidé. Des devis ont été montrant par leur code comme &pour l'artiste; mais en définissant l'option escape faux, il fonctionne comme je le veux. Je vous remercie.
    • Cool, mais si il y a une balise d'ouverture sur le tronc de HTML, vous finirez par la rupture de votre mise en page.
    InformationsquelleAutor msanteler
  3. 15

    Vous devez résoudre ce problème avec CSS plutôt que des Rubis. Vous faites quelque chose qui affecte les DOM mise en page, et il n'existe aucun moyen de programmation pour concevoir une solution qui fonctionne de manière cohérente.

    Disons que vous obtenez votre code HTML parser du gem de travail, et de vous trouver un plus petit dénominateur commun le nombre de caractères qui fonctionne la plupart du temps.

    Qu'advient-il si vous changez de taille de police, ou de votre mise en page du site? Vous devrez recalculer le nombre de caractères à nouveau.

    Ou disons que votre html a quelque chose comme ça: <p><br /></p><br /> zéro caractères, cependant, il serait la cause d'un gros morceau de texte vide pour être inséré. Il pourrait même être un <blockquote> ou <code> tag avec trop de rembourrage ou de la marge de jeter votre mise en page totalement hors de contrôle.

    Ou l'inverse, disons que vous avez ce 3&nbsp;&#8773;&nbsp;&#955; (3  sur λ) Qui est de 26 caractères, mais à des fins d'affichage, il n'est que de 5.

    Le point étant que le nombre de caractères vous dit rien sur la manière dont quelque chose s'affiche dans le navigateur. Ne pas mentionner le fait HTML analyseurs sont lourde les morceaux de code qui peut parfois être peu fiables.

    Voici quelques bonnes CSS pour faire face. L' :après la pseudo-classe d'ajouter un blanc fondu à la dernière ligne de contenu. Très belle transition.

    body { font-size: 16px;}
p {font-size: 1em; line-height: 1.2em}
/* Maximum height math is:
   line-height * #oflines - 0.4
   the 0.4 offset is to make the cutoff  look nicer */
.lines-3{height: 3.2em;}
.lines-6{height: 6.8em;}
.truncate {overflow: hidden; position:relative}
.truncate:after{
    content:""; 
    height: 1em; 
    display: block; 
    width: 100%; 
    position:absolute;
    background-color:white; 
    opacity: 0.8; 
    bottom: -0.3em
}

    Vous pouvez ajouter autant de .lines-x classes que vous voyez l'ajustement. J'ai utilisé em, mais px est tout aussi bon.

    Ensuite l'appliquer à votre élément: <div class="truncate lines-3">....lots of stuff.. </div>

    et le violon: http://jsfiddle.net/ke87h/

    • C'est la façon dont j'ai abordé le problème dans le site je travaille pour. Lorsque JavaScript est disponible, je tronquer les personnages à la fin, jusqu'à ce qu'elle s'inscrit dans un des points de suspension à la fin. Faire le tronquer côté serveur par un certain nombre de caractères peut conduire à des résultats irréguliers lorsqu'une ligne a beaucoup de fines ou larges caractères.
    • Ce qui est excellent. Vous pouvez désinfecter / bande de balises html sur le serveur si vous avez besoin de bande éléments spécifiques ainsi.
    • Bien plus propre! Bon travail
    InformationsquelleAutor mastaBlasta
  4. 6

    Vous pouvez utiliser le truncate_html plugin pour cela. Il utilise nokogiri et htmlentities gemmes et fait exactement ce que le plugin nom l'indique.

    InformationsquelleAutor Mark
  5. 3

    Cela vous aidera sans aucun effort supplémentaire

    raw your_string.truncate(200)
    • "..pas y compris le balisage HTML", ce travail de code HTML
    • nice, j'ai utilisé comme ça sanitize(sanitize("my text <em>with html</em>", tags: ['h1']).truncate(150)) la première désinfecter permettra de compléter le manque de balisage, à l'intérieur de désinfecter va supprimer mon indésirables des balises et de tronquer sur la fin sera tronquée, comme un html_safe, merci
    InformationsquelleAutor Asnad Atta
  6. 2

    Nous avons eu ce besoin dans zendone.com. Le problème était que les solutions existantes ont été très lents en tronquant long des documents HTML (MBs) en plus courts (KBs). J'ai fini le codage d'une bibliothèque basée à Nokogiri appelé truncato. La bibliothèque comprend quelques repères en comparant ses performances avec les autres libs.

    • À l'aide de celui-ci.
    InformationsquelleAutor jmanrubia
  7. 1

    Vous pouvez utiliser 

    truncate(html.gsub(/(<[^>]+>)/, ''), 5)
    • Ce serait d'en extraire tout le html, ne serait-il pas?
    • Ajouter "séparateur" param pour éviter mot culture: truncate(html.gsub(/(<[^>]+>)/, "), longueur: 5, séparateur: '')
    • Pourrait tout aussi bien utiliser des Rails strip_tags de l'aide pour ce faire.
    InformationsquelleAutor priyanka Ukirde
  8. 1
    your_tagged_string.truncate(60).html_safe
    InformationsquelleAutor Marcos R. Guevara
  9. 0

    On peut le faire avec l'aide de simple_format http://api.rubyonrails.org/classes/ActionView/Helpers/TextHelper.html#method-i-simple_format

    html = "123<a href='#'>456</a>7890"
simle_format(truncate_markup(html, :length => 5))

    => "123 Quatre cent cinquante six 7890"

    InformationsquelleAutor Vijay Chouhan
  10. -2

    La résolution de ce problème par le côté client:

    vue:

    <script>
  $(function() {
    $('.post-preview').each(function() {
      var tmp_height = $(this).innerHeight();
      if ((tmp_height > 100) && (tmp_height < 200)) {
        $(this).addClass("preview-small");
      }
      else if (tmp_height >= 200) {
        $(this).addClass("preview-large")
      }
      else {
        //do nothing
      }
    });
  });
</script>

    css

    .preview-small {
  height: 100px;
  overflow: hidden;
}

.preview-large {
  height: 200px;
  overflow: hidden;
}
    • Cette question est pour les Rails, vérifiez titre: "Est-il sans danger de HTML tronquer la méthode dans les Rails?"
    InformationsquelleAutor Maximus S