如何在段落中添加阅读更多内容答案

【问题标题】：how to add ReadMore in paragraph如何在段落中添加阅读更多内容
【发布时间】：2019-07-17 22:26:57
【问题描述】：

我有一个主页控制器，它提供$posts var，其中包括帖子标题和正文，有时正文中可能有大量文本

return view('posts.index',compact('posts'));

我想隐藏所有段落文本并添加一个名为 ReadMore 的按钮，它显示完整的段落我看到了以下引导示例

function myFunction() {
  var dots = document.getElementById("dots");
  var moreText = document.getElementById("more");
  var btnText = document.getElementById("myBtn");

  if (dots.style.display === "none") {
    dots.style.display = "inline";
    btnText.innerHTML = "Read more";
    moreText.style.display = "none";
  } else {
    dots.style.display = "none";
    btnText.innerHTML = "Read less";
    moreText.style.display = "inline";
  }
}

<h2>Read More Read Less Button</h2>
<p>Lorem ipsum imperdiet, nulla et dictum interdum, nisi lorem egestas vitae scel<span id="dots">...</span><span id="more">erisque enim nibh tempor porta.</span></p>
<button onclick="myFunction()" id="myBtn">Read more</button>

在上面的示例文本中，中间有 span id，我不知道如何在 $post->body 数据之间添加该 span。有没有办法制作 ReadMore 和 ShowLess 功能？我目前将数据显示为

<p>{!!$post->body!!} </p>

【问题讨论】：

你想用 php 或 javascript 来做这件事吗？
@RossWilson 谢谢你的问题 :-) 我愿意以最好的方式做到这一点，我遵循了字符串处理函数中的 laravel 文档，我也尝试了以下建议，并且都解决了这个问题。我希望这篇文章将来可能对某人有所帮助

标签： php jquery html css laravel

【解决方案1】：

试试下面给出的代码：

{{ substr( $post->body, 0, random_int(60, 150)) }}

对于阅读更多，您可以在锚标记中链接单篇文章：

<a href="/post/{{ $post->id }}">Read more </a>

【讨论】：