投稿された文章を、短く表示するには

Question

例えば、indexページで、ユーザーが投稿したmicropost.contentが、20文字より多かった場合、

最初の２０文字だけ表示して、そのあとは続きのリンクを置きたいと思っています。

<%=micropost.content%>   => ユーザーの投稿が入る
<% if(micropost.content.length > 20) %>
　　<%= link_to "続きを読む", micropost.user %>
<% end %> 

micropostのモデルをいじるのかな？といろいろ考えているのですが、よく分かりません。

ご教授のほど、よろしくお願いいたします。

Comments

[raccy]

単純に文字コード換算で20文字で良いのか、全角幅文字で20文字分とするのかで、かなり変わってきます。あと、????‍????‍????‍????がバラバラにならないように考慮するのかどうかとか…。そこら辺はどのように考えていますか？

[jpj]

文字コードではなく、全角幅文字で20文字と考えております。
あと,
font-familyは勉強不足で申し訳ないのですが、バラバラにならない方がいいと思っています。

Answer 1

単純な方法としては、こんな感じでできます。

<%= micropost.content[0, 20] %>
<% if micropost.content.length > 20 %>
　<%= link_to "続きを読む", micropost.user %>
<% end %> 

しかし、これには色々問題があります。

例えば、"abcdefghijklmnopqrstuvwxyz"だった場合、

abcdefghijklmnopqrst 続きを読む

ですが、"いろはにほへとちりぬるをわかよたれそつねらむうゐのおくやまけふこえてあさきゆめみしゑひもせすん"だったら、

いろはにほへとちりぬるをわかよたれそつね 続きを読む

と幅が大幅に変わってくることです。かといって、文字幅を考慮してとなると、かなり面倒な計算をする必要があります。他にも、"今日は家族で旅行に行きました。????‍????‍????‍????揃って楽しかったです。"は、

今日は家族で旅行に行きました。????‍????‍???? 続きを読む

となって、僕君は仲間はずれになってしまいます。このように、厳密にしていくと、大変難しくなるので、どこかで妥協することをお勧めします。

Comments

[jpj]

いろいろ難しい領域になるのですね。
大変参考になりました！
ありがとうございます！