MarkdownViewer++ 本身不支持原生折叠功能，需通过启用 HTML 扩展并配合自定义 CSS 中的 details/summary 样式实现；需勾选“Allow HTML in Markdown”和“Enable custom CSS”，粘贴对应样式，且依赖 WebView2 渲染引擎支持。

MarkdownViewer++ 本身不提供原生的「折叠长内容」功能（比如折叠代码块、折叠段落、手风琴式展开/收起），它专注的是实时渲染与同步滚动——也就是说，你看到的就是最终 HTML 效果，而 HTML 默认不带交互式折叠逻辑。

但你可以用「CSS + HTML 自定义属性」绕过这个限制，让预览面板支持手动折叠，关键点在于：不是插件功能，而是靠你在 Markdown 里写特定结构 + 自定义 CSS 实现。

---

为什么直接写 details/summary 标签在预览里没反应？

MarkdownViewer++ 使用 Markdig 渲染，它默认会把原始 HTML 标签（如 <details>）当作纯文本或直接过滤掉，除非你显式启用 Html 扩展。

• 默认情况下，details 和 summary 被当成普通 HTML，但 Markdig 不解析它们为可交互元素
• 即使渲染出来了，Notepad++ 的嵌入式 WebView（基于 IE 或 Edge WebView2，取决于版本）可能不支持或禁用 JS 交互，导致点击无响应

所以单纯贴 HTML 标签是无效的。

---

怎么让 details 折叠在预览中真正生效？

需要两步配合：

• 在 Markdown 源码中写标准 <details><summary>标题</summary>内容</details>
• 在插件的自定义 CSS 中补上基础样式，并确保 Markdig 允许原始 HTML 输出

操作要点：

Markdown to PDF Converter (v2.0)

离线Markdown转PDF转换器，基于Pandoc与WeasyPrint，支持完整Unicode及本地表情缓存，可将Markdown转为专业级PDF...

下载

• 打开 插件 → MarkdownViewer++ → Options → Styling，勾选「Enable custom CSS」，粘贴以下最小样式：

  details { margin: 0.5em 0; }
  summary { cursor: pointer; font-weight: bold; }
  details[open] > *:not(summary) { margin-top: 0.5em; }

• 回到 Options → General，确认已勾选「Allow HTML in Markdown」（对应 Markdig 的 Html extension）

• 重启预览面板（关闭再 Ctrl+Shift+M 打开），然后在 .md 文件里写：

  <details>
  <summary>点击展开调试日志</summary>
  </li></ul><pre class='brush:log;toolbar:false;'>[2026-09-21 08:10:02] INFO Starting service...
  [2026-09-21 08:10:03] DEBUG Loaded config from /etc/app.conf

  </details>

  • 保存后，右侧预览应显示可点击的折叠块（注意：仅限本地文件，且需 Notepad++ 启用了 WebView2 支持；旧版 IE 内核可能不支持）

  ---

  MarkdownViewer++ 对折叠内容的性能与兼容性影响

  • 折叠本身不增加渲染负担，details 是原生 HTML 元素，Markdig 只需透传，不参与解析
  • 真正的瓶颈在 Notepad++ 的 WebView 渲染层：Windows 10/11 上若启用 Edge WebView2（推荐），折叠完全可用；Win7 或旧版 IE 内核则基本失效
  • 长内容（比如千行日志）折叠后，预览面板滚动仍保持同步，但光标不会自动跳转到 summary 行——这是 Scintilla 编辑器和 HTML 渲染器之间缺乏 DOM 锚点映射导致的，属于已知限制

  ---

  最常被忽略的一点：
  details 折叠效果只存在于预览面板和导出的 HTML 中，PDF 导出时会丢失交互性，且多数 PDF 引擎（PDFSharp）会把 details 渲染成静态展开状态。如果目标是 PDF 分发，得换思路——比如用二级标题 + 注释块替代，或导出前手动删减。