# 使用“隐藏详细信息”功能时在预览屏幕中显示详细信息

**URL:** https://meta.discourse.org/t/show-details-in-preview-screen-when-using-hide-details-feature/201179
**Category:** UX
**Tags:** pr-welcome, hide-details
**Created:** [2021年八月20日 19:34 UTC](https://meta.discourse.org/t/show-details-in-preview-screen-when-using-hide-details-feature/201179 "2021-08-20T19:34:46Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![debryc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/debryc/32/101652_2.png) [@debryc](https://meta.discourse.org/u/debryc)
#### Post date: [2021年八月20日 19:34 UTC](https://meta.discourse.org/t/show-details-in-preview-screen-when-using-hide-details-feature/201179/1 "2021-08-20T19:34:46Z")

</div>

目前使用“隐藏详情”功能时，我在预览界面中看不到详情内容，详情始终处于折叠状态。这给我带来了很大困扰，因为我在输入详情时，希望能够实时在预览中看到内容。

> **摘要**
>
> 当我编写内容时，我希望能够在预览界面中看到这些文字，但遗憾的是……

 ![Google Chrome 截图 (8-20-21, 3-32-56 PM)](https://global.discourse-cdn.com/meta/original/3X/0/5/056fe50fdb6fa39838c0b2865d99c24539548094.png)

在预览界面中，我可以点击下拉菜单，但 **一旦我创建新行** ，详情就会再次折叠。

我建议预览界面的行为应与实际发布后的效果一致：如果详情处于展开状态，则保持展开；如果处于折叠状态，则保持折叠。

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2021年八月21日 11:42 UTC](https://meta.discourse.org/t/show-details-in-preview-screen-when-using-hide-details-feature/201179/2 "2021-08-21T11:42:29Z")

</div>

如果您需要，有一个变通方法：

如果您使用 `<details>` HTML 标签，可以添加 `open` 属性，这样在预览（以及发布后的帖子）中它就会自动展开（因此您可能会想在发布前将其移除 🙂）

```plaintext
<details open>
<summary>
显示文本
</summary>

隐藏详情

</details>

```

> **显示文本**
>
> 隐藏详情

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2023年四月11日 00:35 UTC](https://meta.discourse.org/t/show-details-in-preview-screen-when-using-hide-details-feature/201179/3 "2023-04-11T00:35:23Z")

</div>

我将对此添加#pr-welcome，这是一个相当复杂的变化，因为我们需要执行增量更新，但我很想看到有效的增量更新机制。
