我有一個主頁控制器,它提供$posts var,其中包括帖子標題和正文,有時候身體里可能會有大量的文字

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

我想隱藏所有段落文本,并添加一個名為ReadMore的按鈕,顯示完整的段落

我看到了以下bootstrap示例

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";

}

}

Read More Read Less Button

Lorem ipsum imperdiet, nulla et dictum interdum, nisi lorem egestas vitae scel...erisque enim nibh tempor porta.

Read more

在上面的示例文本中,中間有span id,這里我不知道如何在$post-> body數據之間添加該span.有沒有辦法制作ReadMore和ShowLess功能？

我目前正在顯示數據

{!!$post->body!!}

解決方法:

嘗試下面給出的代碼：

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

要了解更多信息,您可以鏈接錨標記中的單篇文章：

Read more

標簽：jquery,php,css,laravel,html

來源： https://codeday.me/bug/20190701/1345547.html

總結

以上是生活随笔為你收集整理的php 段落加上标签,php – 如何在段落中添加ReadMore的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。