усекать в ветке на HTML-контента

Question

Хотелось бы укоротить длинную строку, которая содержит html-тег.

С моего контроллера php.

content="<div>
<h1>my title</h1>
<p>para 1 ...</p>
</div>";

Я хотел бы обрезать это, поэтому я сделал это в веточку:

{{ content|raw|truncate(15) }}

Но HTML-код не работает, см. Ниже:

<div>
<h1>my ti...

Я хочу сохранить конец тега, например:

<div>
<h1>my titl...</h1>
</div>

У кого-нибудь есть идея?

Answer 1

Вы можете решить эту проблему с помощью text-truncate класса bootstrap .

<h1 class="text-truncate">my title</h1>

Если вы не хотите использовать bootstrap, вы можете сделатьэто прямо в css со свойством text-overflow:ellipsis, как в случае bootstrap .

Вот пример в css.

Надеюсь, это поможет вам.

Answer 2

Вы можете использовать Расширение веточки .Как вы можете прочитать в doc :

{% set html %}
    <h1>Test heading!</h1>
    <ul>
        <li>Hello world</li>
        <li>Foo bar</li>
        <li>Lorem Ipsum</li>
    </ul>
{% endset html %}
{{ html|truncate_letters(20) }}

выведет:

<h1>Test heading!</h1>
<ul>
    <li>Hello wo</li>
</ul>

Надеюсь, эта помощь