symfony 2 twig limit the length of the text and put three dots

SymfonyTwig

Symfony Problem Overview


How can I limit the length of the text, e.g., 50, and put three dots in the display?

{% if myentity.text|length > 50 %}

{% block td_text %} {{ myentity.text}}{% endblock %}

{%endif%}

Symfony Solutions


Solution 1 - Symfony

{{ myentity.text|length > 50 ? myentity.text|slice(0, 50) ~ '...' : myentity.text  }}

You need Twig 1.6

Solution 2 - Symfony

why not use twig's truncate or wordwrap filter? It belongs to twig extensions and lib is part of Symfony2.0 as i see.

{{ text|truncate(50) }}

Solution 3 - Symfony

Another one is:

{{ myentity.text[:50] ~ '...' }}

Solution 4 - Symfony

I know this is a very old question, but from twig 1.6 you can use the slice filter;

{{ myentity.text|slice(0, 50) ~ '...' }}

The second part from the tilde is optional for if you want to add something for example the ellipsis.

Edit: My bad, I see the most up-voted answer do make use of the slice filter.

Solution 5 - Symfony

@olegkhuss solution with named UTF-8 Elipsis:

{{ (my.text|length > 50 ? my.text|slice(0, 50) ~ '…' : my.text)  }}

Solution 6 - Symfony

@mshobnr / @olegkhuss solution made into a simple macro:

{% macro trunc(txt, len) -%}
    {{ txt|length > len ? txt|slice(0, len) ~ '…' : txt }}
{%- endmacro %}

Usage example:

{{ tools.trunc('This is the text to truncate. ', 50) }}

N.b. I import a Twig template containing macros and import it as 'tools' like this (Symfony):

{% import "@AppBundle/tools.html.twig" as tools -%}

Also, I replaced the html character code with the actual character, this should be no problem when using UTF-8 as the file encoding. This way you don't have to use |raw (as it could cause a security issue).

Solution 7 - Symfony

Update for Twig 2 and Twig 3.

truncate filter is not available, instead of it you may use u-filter

here is an example:

{{ 'Lorem ipsum'|u.truncate(8) }}
Lorem ip

{{ 'Lorem ipsum'|u.truncate(8, '...') }}
Lorem...

Note: this filter is part of StringExtension that can be required by

twig/string-extra

Solution 8 - Symfony

An even more elegant solution is to limit the text by the number of words (and not by number of characters). This prevents ugly tear throughs (e.g. 'Stackov...').

Here's an example where I shorten only text blocks longer than 10 words:

{% set text = myentity.text |split(' ') %} 

{% if text|length > 10 %} 
    {% for t in text|slice(0, 10) %}
        {{ t }} 
    {% endfor %}
    ...
{% else %}
    {{ text|join(' ') }}
{% endif %}

Solution 9 - Symfony

Use the truncate filter to cut off a string after limit is reached

{{ "Hello World!"|truncate(5) }} // default separator is ...

> Hello...

You can also tell truncate to preserve whole words by setting the second parameter to true. If the last Word is on the the separator, truncate will print out the whole Word.

 {{ "Hello World!"|truncate(7, true) }} // preserve words

> Here Hello World!

If you want to change the separator, just set the third parameter to your desired separator.

{{ "Hello World!"|truncate(7, false, "??") }} 

> Hello W??

Solution 10 - Symfony

You can limit in following way. First is starting index and second is number of characters.

**{{ results['text'][4:2] }}**

Solution 11 - Symfony

if anyone needs this from the modern world, since this question is so old, I would do it this way: I would definitely not want to have an incomplete word at the end, therefor I prefer to do it with the following steps: limiting the wanted length of characters, exploid my text into a bunch of arrays of sentences separated with a comma or a dot depends on your text, remove the last array which represent the incomplete word then joining or imploiding those arrays together and of course do not forget to join them with that dot we removed when exploiding the string of characters, and outside of the twig {{}} add your three dots, with that been said it will look something like this:

{{myentity.text|slice(0,50)|split('.')|slice(0,-1)|join('.')}}...

<a href="#">readeMore</a>

Solution 12 - Symfony

I wrote this simple marco for the same purpose, hope it helps:

{%- macro stringMaxLength(str, maxLength) -%}
	{%- if str | length < maxLength -%}
		{{ str }}
	{%- else -%}
		{{ str|slice(0, maxLength) }}...
	{%- endif -%}
{%- endmacro -%}

Usage Example #1 (Output: "my long string here ..."):

{{ _self.stringMaxLength("my long string here bla bla bla la", 20) }}

Usage Example #2 (Output: "shorter string!"):

{{ _self.stringMaxLength("shorter string!", 20) }}

Solution 13 - Symfony

Bugginess* in the new Drupal 8 capabilities here inspired us to write our own:

<a href="{{ view_node }}">{% if title|length > 32 %}{% set title_array = title|split(' ') %}{% set title_word_count = 0 %}{% for ta in title_array %}{% set word_count = ta|length %}{% if title_word_count < 32 %}{% set title_word_count = title_word_count + word_count %}{{ ta }} {% endif %}{% endfor %}...{% else %}{{ title }}{% endif %}</a>

This takes into consideration both words and characters (*the "word boundary" setting in D8 was displaying nothing).

Solution 14 - Symfony

In addition to Nemo64's comment under olegkhuss's response, I'd like to add that if you need to make the partial text to finishes on a word not a character, u can do this:

entity.text|split(' ', 11)|length > 10 ? entty.text|split(' ', 11)|slice(0, 10)|join(' ') ~ '…' : entity.text

In this example, all text with more than 10 words will be cuted after the 10th word.

Solution 15 - Symfony

It is better to use an HTML character

{{ entity.text[:50] }}&#8230;

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionGRafoKIView Question on Stackoverflow
Solution 1 - SymfonyolegkhussView Answer on Stackoverflow
Solution 2 - SymfonymrMantirView Answer on Stackoverflow
Solution 3 - SymfonyManuel BittoView Answer on Stackoverflow
Solution 4 - Symfonyuser3599441View Answer on Stackoverflow
Solution 5 - SymfonyMatthiasView Answer on Stackoverflow
Solution 6 - SymfonyGraftakView Answer on Stackoverflow
Solution 7 - SymfonyDanil PyatnitsevView Answer on Stackoverflow
Solution 8 - SymfonyJulius B.View Answer on Stackoverflow
Solution 9 - SymfonygotoView Answer on Stackoverflow
Solution 10 - SymfonyZaheer BabarView Answer on Stackoverflow
Solution 11 - SymfonyZache LetoView Answer on Stackoverflow
Solution 12 - SymfonyHam L.View Answer on Stackoverflow
Solution 13 - SymfonyJeff BrewsterView Answer on Stackoverflow
Solution 14 - SymfonyKarobweView Answer on Stackoverflow
Solution 15 - SymfonyThéo AttaliView Answer on Stackoverflow