Meteor shorten string spacebar helper

#ui

#meteor

#template

#javascript

#meteorjs

#spacebars

If You're building some lists view (e.g. posts list) and You want to shorten their names You can achieve that using this UI helper:

UI.registerHelper('shortIt', function(stringToShorten, maxCharsAmount){
  if(stringToShorten.length > maxCharsAmount){
    return stringToShorten.substring(0, maxCharsAmount) + '...';
  }
  return stringToShorten;
});

Usage:

{{#each PostList}}
  {{shortIt this.title 15}}
{{/each}}

And that's it! Enjoy!

Written by OfcaPL

Say Thanks

Respond

Related protips

Total input[type=file] style control with pure CSS

294.8K

Move over Bootstrap and Foundation, welcome Semantic UI

132.5K

DatePicker with time : TimePicker [jQuery UI]

89.65K

2 Responses

Add your response

c316

Thanks, this was helpful. I change it a bit to accommodate what I needed.
UI.registerHelper('shortIt', function(stringToShorten, maxCharsAmount){ if(stringToShorten.length <= maxCharsAmount){ return stringToShorten; } return stringToShorten.substring(0, maxCharsAmount); });
I did this so that the returned string is shortened only if it is longer than what was put in and if it isn't I only needed the whole string returned.

Thanks

over 1 year ago ·