Question

在我的应用中，我有一个带有正文的评论部分。

<p><%= truncate(comment.body, length: 550) %>   <%= link_to "Read More" %></p>

我目前有这段代码只显示评论正文的一部分，但在Link_to中，当用户点击Read More时，它会禁用truncate方法并显示完整的正文

我将如何做到这一点？

由于

Answer 1

您可以使用readmore-rails gem很好地切换长文本。

<script>
    $(document).ready(function() {
      $('article').readmore({
          collapsedHeight: 218,
        });
        $('article').readmore({
          collapsedHeight: 218,
        });
        $('article').removeClass('hidden');
    });
</script>


  <article>
    <%= @post.text.html_safe %>
  </article>

Answer 2

你将无法使用truncate实现这一点，你需要整个字符串，然后使用Javascript隐藏它的一部分。当用户单击“阅读更多”链接时，您将使用Javascript来显示隐藏的部分。

上一个问题jQuery text truncation (read more style)

中有一个很好的解释

Ruby on Rails Truncate阅读更多内容

2 个答案: