Wie kann ich von analysiert html in jquery.tmpl Teilkette

Question

Meine jquery Vorlage ist sehr einfach, die

<div id="pageArticleTemplate" class="hide-me"> 
    <article class="post-item"> 
     <div class="wrapper row"> 
      <div class="meta"> 
       ${getArticleDateFormat(createdDate)} 
      </div> 
      <h2>${title}</h2> 
      <div class="excerpt text-justify"> 
       {{html description}} 
      </div> 
     </div> 
    </article> 
</div> 

ist ich diese Vorlage in meiner js Datei verwenden als:

var markup = $("#pageArticleTemplate").html(); 
$.template("pageTemplate", markup); 
$.tmpl("pageTemplate", data).appendTo("#articles"); 

wo Daten sind die tatsächlichen Daten, die ich wiederholen möchte. und Artikel ist ein weiteres div-Element auf der Seite. Es funktioniert gut, aber Problem ist manchmal Beschreibung ist zu lang und ich möchte nur die ersten 500 Zeichen anzeigen. Wie Sie sehen, ist die Beschreibung HTML-Inhalt und ich habe bereits versucht mit der Funktion wie ich für createdDate (function getArticleDateFormat{})

Bitte versuchen Sie eine Lösung. Danke

Answer 1

Dies ist kein jQuery Templates-spezifisches Problem - aber ein Problem mit HTML im Allgemeinen - nämlich, dass Sie HTML-Markup nicht einfach abschneiden können, um es mit weniger Zeichen anzuzeigen. Offensichtlich, wenn Sie es abschneiden, wird es wahrscheinlich nicht mehr wohlgeformtes HTML sein. Entweder müssen Sie den Textinhalt einfach anzeigen und abschneiden, oder Sie müssen die HTML-Knoten analysieren oder schrittweise bearbeiten und die Textknoten am Ende entfernen oder abschneiden.