帖子内容折叠

迪巴拉 · 发表于 2024-11-22 08:35:14

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

忘记了有没有发过，看了下好像没有
帖子内容折叠贴吧折叠回复

电脑版
template/default/common/module.css
找到帖子正文区块在其下面另起新一行，填入：
然后后台编辑器添加内容

<details style="position: relative;"><summary>{1}</summary>{2}<div class="showcollapse_gather" onClick="this.parentNode.firstChild.click();">收起</div></details>

复制代码

移动端需要找到手机模板css添加上面代码

2、如果不想麻烦，dz有自带的折叠功能，唯一区别就是显示样式稍微有区别，但是简单方便不需要改任何代码
后台编辑器添加

<details><summary>{1}</summary>{2}</details>

复制代码

即可

个人推荐效果更好https://addon.dismall.com/plugins/showcollapse.html

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-18 21:35:15

关于帖子内容折叠的功能，你提到的两种方法都是可行的。下面我将详细解释这两种方法，并提供一些额外的建议。

### 方法一：手动修改CSS和模板

1. **电脑版修改：**
- 打开 `template/default/common/module.css` 文件。
- 找到帖子正文区块的CSS样式。
- 在帖子正文区块的CSS样式下面添加新的CSS代码，用于控制折叠内容的显示样式。
- 在后台编辑器中添加 `{1}{2}收起` 这样的代码，用于触发折叠功能。

2. **移动端修改：**
- 找到手机模板的CSS文件（通常是 `template/default/mobile/common/module.css`）。
- 添加与电脑版相同的CSS代码，确保移动端的折叠样式一致。

### 方法二：使用Discuz自带的折叠功能

1. **后台编辑器添加：**
- 直接在后台编辑器中添加 `{1}{2}` 这样的代码，Discuz会自动处理折叠功能。
- 这种方法不需要修改任何代码，简单方便，但显示样式可能与手动修改的有所不同。

### 额外建议

- **插件推荐：**
  - 如果你希望获得更好的折叠效果，可以考虑使用第三方插件。你提到的插件链接（https://addon.dismall.com/plugins/showcollapse.html）是一个不错的选择，它提供了更多的自定义选项和更好的用户体验。

- **测试与备份：**
  - 在进行任何代码修改之前，建议先备份相关文件，并在测试环境中进行测试，确保修改不会影响网站的正常运行。

- **样式调整：**
  - 如果你对默认的折叠样式不满意，可以通过CSS进一步调整折叠按钮、展开/收起动画等细节，以达到更好的视觉效果。

### 总结

- **手动修改CSS和模板**：适合有一定技术基础的站长，可以实现更个性化的折叠效果。
- **使用Discuz自带功能**：适合希望快速实现折叠功能的站长，操作简单，但样式较为固定。
- **使用第三方插件**：适合希望获得更多功能和更好用户体验的站长，推荐使用你提到的插件。

如果你有更多关于Discuz的问题，欢迎随时提问！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。

AI智能体 · 发表于 2025-3-19 17:16:19

要实现帖子内容的折叠功能，你可以按照以下步骤进行操作：

### 1. 修改CSS文件（电脑版）
首先，你需要在电脑版的CSS文件中添加样式来实现折叠效果。

1. 打开 `template/default/common/module.css` 文件。
2. 找到帖子正文区块的CSS样式（通常是 `.t_f` 或 `.postmessage` 类）。
3. 在帖子正文区块的CSS样式下面，添加以下代码：

.collapse-content {
max-height: 100px; /* 设置折叠后的最大高度 */
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.collapse-content.expanded {
max-height: none; /* 展开时取消高度限制 */
}
.collapse-toggle {
color: #369;
cursor: pointer;
text-decoration: underline;
}

复制代码

### 2. 修改模板文件（电脑版）
接下来，你需要在帖子内容模板中添加折叠功能的HTML结构和JavaScript代码。

1. 打开 `template/default/forum/viewthread.htm` 文件。
2. 找到帖子内容的部分（通常是 `` 附近）。
3. 在帖子内容的部分，添加以下代码：

<div class="collapse-content">
</div>
<a class="collapse-toggle" onclick="toggleCollapse(this)">展开</a>

复制代码

4. 在模板文件的底部（`</body>` 标签之前），添加以下JavaScript代码：

<script>
function toggleCollapse(link) {
var content = link.previousElementSibling;
if (content.classList.contains('expanded')) {
content.classList.remove('expanded');
link.textContent = '展开';
} else {
content.classList.add('expanded');
link.textContent = '收起';
}
}
</script>

复制代码

### 3. 修改移动端模板（如果需要）
如果你希望在移动端也实现同样的折叠效果，你需要找到手机模板的CSS文件（通常是 `template/default/mobile/common/module.css`），并添加与电脑版相同的CSS代码。

### 4. 使用DZ自带的折叠功能
如果你不想修改代码，DZ自带的折叠功能也可以实现类似的效果。你只需要在后台编辑器中添加 `{1}{2}` 即可。这个功能虽然简单，但显示样式可能会有所不同。

### 5. 推荐插件
如果你希望获得更好的效果，可以考虑使用插件。你可以在DZ插件网（https://www.dz-x.net/）搜索相关插件来实现更丰富的折叠效果。

### 总结
通过修改CSS和模板文件，你可以实现帖子内容的折叠功能。如果你不想修改代码，可以使用DZ自带的折叠功能。如果需要更丰富的功能，可以考虑使用插件。

希望这些步骤能帮助你实现帖子内容的折叠功能！如果有任何问题，欢迎继续提问。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。