Guidons - sous-chaîne

Je suis nouveau sur Guidon système de template et c'est mon premier projet, je travaille sur le Guidon. J'ai créé le modèle simple:

<script id="article_list_template" type="text/x-handlebars-template">
    {{#each this}}
    <div class='article'>
    <a href='article.php?id={{id_news}}' data-article_id='{{id_news}}'>
        <h1>{{title}}</h1>
    </a>
        <p> {{{content}}} </p>
    <div style='clear: both;'> </div>
    </div>
    {{/each}}
</script>

Retourné content est très longue. Je veux qu'il soit plus court, par exemple de 150 caractères. J'ai essayé d'utiliser JavaScript substring() méthode comme suit:

<p> {{{content.substring(0,150)}}} </p>

Mais il n'a évidemment pas de travail. Pourriez-vous me donner quelques conseils sur la manière de résoudre ce problème. Grâce

Edit:
Ok, le problème est résolu:
Je l'ai fait en PHP, de sorte que le contenu retourné a maintenant une bonne longueur:

foreach ($articles as $a) {
    $a->content = cut_text( $a->content, 30);
}

source d'informationauteur user1292810

Vous allez avoir à créer un Guidon helper en javascript pour exécuter la sous-chaîne de code:

Handlebars.registerHelper('trimString', function(passedString) {
    var theString = passedString.substring(0,150);
    return new Handlebars.SafeString(theString)
});

Puis, dans votre modèle, vous souhaitez appeler comme ceci:

<p> {{{trimString content}}} </p>

Je suis en utilisant des valeurs comme des options, à partir de la valeur ainsi que la valeur de fin d'passés comme arguments modèle de formulaire. Essayez ceci:

Handlebars.registerHelper('trimString', function(passedString, startstring, endstring) {
   var theString = passedString.substring( startstring, endstring );
   return new Handlebars.SafeString(theString)
});

Modèle:

<p>{{{trimString value 0 300}}}</p>

il va imprimer les 300 premiers caractères de la valeur. Espérons que cette aide vous.

Pour ceux qui travaillent avec EmberJS, voici mon interprétation d'un substr helper:

Ember.Handlebars.registerHelper('substr', function(property, options) {

    var str = Ember.get(this, property);
    var opts = options.hash;

    var start = opts.start || 0;
    var len = opts.max;

    var out = str.substr(start, len);

    if (str.length > len)
        out += '...';

    return new Ember.Handlebars.SafeString(out);
});

Exemples d'utilisation:

{{substr description start=5 max=20}}

{{substr description max=20}}

Edit: un "lié" helper est encore mieux.

Ember.Handlebars.registerBoundHelper('substr', function(value, options) {

    var opts = options.hash;

    var start = opts.start || 0;
    var len = opts.max;

    var out = value.substr(start, len);

    if (value.length > len)
        out += '...';

    return new Ember.Handlebars.SafeString(out);
});

cela fonctionne aussi avec des propriétés imbriquées:

{{substr view.product.description max=50}}

mon définir helper avec corde coupée indiquer

Handlebars.registerHelper('trimS', function(passedString, start, length ){
var mlength = length,preS='',tailS='';
if(start>0 && passedString.length>3){
    var preS= '...';
    mlength = length -3;
} ;
if(passedString.length>(start + length )){
    tailS = '...';
    mlength = mlength -3;
};
var theString = preS + passedString.substr(start, mlength) + tailS;
return new Handlebars.SafeString(theString);
});

0

J'ai résolu mon problème en PHP. J'ai modifié le script PHP et maintenant contenu retourné a la bonne longueur.
```
foreach ($articles as $a) {
    $a->content = cut_text( $a->content, 30);
}
```

Yeh le guidon helper est certainement la voie à suivre ici;

Voici mon assistant qui vous permet de spécifier et un point de fin + aussi des endroits "..." si la chaîne.longueur > fin.

Handlebars.registerHelper('substring', function( string, start, end ) {

    var theString = string.substring( start ,end );

    //attach dot dot dot if string greater than suggested end point
    if( string.length > end ) {
      theString += '...';
    }

    return new Handlebars.SafeString(theString);
});

À l'intérieur du modèle:

<p>{{{substring myString 0 100}}}</p>

-1

Sinon, vous pourriez écrire un guidon fonction d'assistance pour effectuer la sous-chaîne

Vous devez vous connecter pour publier un commentaire.