Movable Typeで本文を省略して表示する

2018.11.30

Movable Typeの本文で一定の文字数を超えた時に、末尾に「…」を付けて省略するようにしてみます。

サンプルコード

本文を5文字目まで表示して、それ以降は「…」を付けて省略するようにしてみます。

<mt:EntryBody remove_html="1" strip_linefeeds="1" trim_to="5+…">

remove_htmlでHTMLタグの除去、strip_linefeedsで改行コードの除去、trim_toで指定した文字数までの切り出しを行っています。
trim_toの数字の後に「+文字列」とすることで、切り出した文字の末尾に「文字列」を追加することができます。

実際に出力を試してみます。

# 入力した本文
<p>あいうえおかきくけこ</p>

# 出力結果
あいうえお…

# 入力した本文
<p>あいうえお</p>

# 出力結果
あいうえお

# 入力した本文
<dl>
<dt>あいう</dt>
<dd>えおかきくけこ</dd>
</dl>

# 出力結果
あいうえお…

# 入力した本文
<p>あいうABCDE</p>

# 出力結果
あいうAB…

【参考サイト】

土