VS Code运行Jupyter Notebook时折叠下拉框不显示是什么原因？

该问题的核心原因是1.60版本VS Code的Jupyter扩展默认开启了HTML内容过滤，<details>、<summary>这类非核心富文本标签不在默认白名单内，会被渲染器直接拦截。你可以按以下步骤排查修复：

• 第一步修改Jupyter扩展配置：打开VS Code设置界面，搜索Jupyter: Allow HTML Inputs，勾选该选项允许自定义HTML内容渲染
• 第二步如果配置修改后仍不生效，继续在设置中搜索Markdown: Validate，关闭该选项避免Markdown校验模块过滤自定义HTML标签
• 如果你是在Markdown单元格中插入该段代码，确认单元格类型已设置为Markdown，同时在代码块前后各留一行空行，避免被识别为普通文本
• 若上述配置调整后仍无效果，可以直接在代码单元格中调用IPython的HTML渲染接口执行代码，示例如下：

from IPython.display import HTML
display(HTML("""
<details open>
<summary>Want to ruin the surprise?</summary>
<br>
Well, you asked for it!
</details>
"""))

运行该代码单元格即可正常渲染出可交互的下拉折叠效果。
如果条件允许，将VS Code和配套Jupyter扩展升级到最新正式版，新版本已默认支持<details>标签渲染，无需额外修改配置即可直接使用。

内容的提问来源于stack exchange，提问作者ilam engl