php 段落加上标签,php – 如何在段落中添加ReadMore

我有一个主页控制器,它提供$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";

}

php 段落加上标签,php – 如何在段落中添加ReadMore相关推荐

jsf用于页面判断的标签_JSF –在JSF视图页面中添加标签，图像，按钮和文本字段
jsf用于页面判断的标签 There are various UI components that JSF framework includes by default. Let us see some ...
2019-7-22 [HTML] 基本结构 DOCTYPE声明标签:[title meta 标题段落换行加粗斜体下划线] 注释特殊字符 img标签 a标签
文章目录 0.HTML网页技术(基础) 1 HTML概述 1.1 什么是HTML? 1.2 Hello,HTML! 2 HBuilder的安装与使用 2.1 安装HBuilder 2.2 使创建项目 ...
html段落加边框,Word2010怎样为段落加上边框
人们在使用Word2010编辑文档的过程中,可以根据实际需要为特定段落加上漂亮的边框,从而使人们的文档更加符合工作要求.下面就来介绍一下为段落添加边框的方法. 一.添加边框 1.打开Word2010文 ...
HTML学习07（实践1）：HTML常用标签之标题、段落、换行、空格、列表
文章目录 1.标题标签 2.段落标签 3.换行标签和空格标签 4.html字符实体 4.水平分割线 5.粗体和斜体标签 6.列表无序列表有序列表自定义列表 7.HTML样式 8.挑战 9.实践 ...
html怎么给段落加边框,Word2010怎样为段落加上边框
人们在使用Word2010编辑文档的过程中,可以根据实际需要为特定段落加上漂亮的边框,从而使人们的文档更加符合工作要求.下面就来介绍一下为段落添加边框的方法. 一.添加边框 1.打开Word2010文 ...
下列HTML标签是段落标签的是,HTML段落标签
HTML段落 HTML段落或HTML p标签用于定义网页中的段落.让我们举一个简单的例子来看看它是如何工作的.值得注意的一点是,浏览器本身在段落之前和之后添加一个空行. HTML 标签指示新段落的开始 ...
在html语言中段落标签是,HTML的段落标签是什么？段落标签具体都有哪些属性？...
HTML现在已经是非常的火了,网页的的任何事情都离不开HTML,所以学号HTML很重要,本文就给大家说说HTML中的段落标签是什么和段落标签具体都有哪些属性 HTML的段落标签是什么: HTML的段落 ...
html5文本与段落简介,认识HTML标题和段落元素
标题和段落元素属于"块元素","块元素"在网页中的效果是该元素的内容对于其前后元素的内容都另起一行.因此,每个标题和段落元素在网页中都单独占一行.例如下面的HT ...
如何用css排段落,标准网页中用CSS进行段落排版的方法
符合标准网页中用DIV CSS如何对段落进行排版的?通过这篇教程你就会有所了解 margin div css布局中段落使用标签,对于段落的上下左右的空白(缩进)可以使用margin标签定义样式.ma ...

php 段落加上标签,php – 如何在段落中添加ReadMore

Read More Read Less Button

php 段落加上标签,php – 如何在段落中添加ReadMore相关推荐

最新文章

热门文章