css - 小枝で言葉を壊す

Question

小枝で長い単語を分割する方法はありますか? いくつかの文字の後、それを分割してハイフンを設定します。これを行うフィルターが存在する可能性がありますか？

お気に入り：

Thisisareallylongword

に：

Thisisa- 
reallylong-
word

文字がデータベースから直接出力される原因...

Answer 1

you can use a twig filter such as slice that allows you to show only N number of characters of a string.

after slicing you can add - and a line break

then you can use the merge filter to get it all back into 1 string

but twigs won't really help you break words I'd rather use simple CSS

Answer 2

はい、解決策はcssです。この属性word-break: break-allは、要素のフレーム内で単語を分割します。hyphens: auto分割位置にハイフンを設定する追加の属性があります。

（実際にはうまくいきません...）

アップデート：

word-wrap: break-word長い単語を分割するだけのさらに良い方法があり、他の単語は次の行で通常どおりジャンプします。

Answer 3

Text extensionから wordwrap フィルターを使用できます。

{{ "Lorem ipsum dolor sit amet, consectetur adipiscing" | wordwrap(10) }}

あなたにあげる：

Lorem ipsu
m dolor si
t amet, co
nsectetur
adipiscing

このフィドルを参照してください。