javascript - Limit the number of characters rendered by a Mustache.js tag - Stack Overflow

admin管理员组

文章数量:1332361

Is there any way in Mustache of limiting the number of characters a Mustache tag generates?

eg

template = "<li>{{my_tag}}</li>"

data = {
    "my_tag" : "A very long string that needs to be abbreviated to fit into the available space."
}

Now when I render my tag I want to abbreviate the long string by showing only the first 10 chars follwed by an ellipsis. I looked into using a lambda function (as described in the Mustache docs) like so...

template = "<li>{{#limitLength}}{{my_tag}}{{/limitLength}}</li>"

data = {
    "limitLength" : function() {
        return function(text) {
          return text.substr(0,10) + '...';
        }
      },
    "my_tag" : "A very long string that needs to be abbreviated to fit into the available space."
}

but unfortunately the {{my_tag}} tag doesn't get expanded. The Mustache manual states:

The text passed is the literal block, unrendered. {{tags}} will not have been expanded - the lambda should do that on its own.

.. but I can't imagine how to do this without using the Mustache.to_html() function and when I try to use it like so...

eg

data = {
    "limitLength" : function() {
        return function(text) {
          return Mustache.to_html(text,data).substr(0,10) + '...';
        }
      },
     "my_tag" : "A very long string that needs to be abbreviated to fit into the available space."
}

... it fails silently (the recursive use of the data object is possibly to blame here)

Does anyone know of any other way of achieving this without resorting to a javascript/jQuery function, I'd like to implement it just using Mustache if possible.

Is there any way in Mustache of limiting the number of characters a Mustache tag generates?

eg

template = "<li>{{my_tag}}</li>"

data = {
    "my_tag" : "A very long string that needs to be abbreviated to fit into the available space."
}

Now when I render my tag I want to abbreviate the long string by showing only the first 10 chars follwed by an ellipsis. I looked into using a lambda function (as described in the Mustache docs) like so...

template = "<li>{{#limitLength}}{{my_tag}}{{/limitLength}}</li>"

data = {
    "limitLength" : function() {
        return function(text) {
          return text.substr(0,10) + '...';
        }
      },
    "my_tag" : "A very long string that needs to be abbreviated to fit into the available space."
}

but unfortunately the {{my_tag}} tag doesn't get expanded. The Mustache manual states:

The text passed is the literal block, unrendered. {{tags}} will not have been expanded - the lambda should do that on its own.

.. but I can't imagine how to do this without using the Mustache.to_html() function and when I try to use it like so...

eg

data = {
    "limitLength" : function() {
        return function(text) {
          return Mustache.to_html(text,data).substr(0,10) + '...';
        }
      },
     "my_tag" : "A very long string that needs to be abbreviated to fit into the available space."
}

... it fails silently (the recursive use of the data object is possibly to blame here)

Does anyone know of any other way of achieving this without resorting to a javascript/jQuery function, I'd like to implement it just using Mustache if possible.

• javascript
• mustache

Share Improve this question Follow asked Jan 13, 2012 at 14:07 XoundboyXoundboy 83611 gold badge1616 silver badges2626 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

Your function actually gets called with two arguments: the unrendered text and a render function which can be used to render your text, keeping the current context.

data = {
    "limitLength" : function() {
        return function(text, render) {
          return render(text).substr(0,10) + '...';
        }
      },
     "my_tag" : "A very long string that needs to be abbreviated to fit into the available space."
}

本文标签： javascriptLimit the number of characters rendered by a Mustachejs tagStack Overflow