Obsidian 不能直接运行 HTML 中的 JavaScript 代码，仅支持渲染无交互的静态 HTML 标签（如 <table>、<sup>），需开启「内联 HTML」设置才能解析基础标签，但 <script>、<iframe> 等仍被拦截。
Obsidian 能否直接运行 HTML 代码
不能。Obsidian 本身不执行 <script>、不解析 onclick、不运行 alert() 或任何客户端 JavaScript；它只把 HTML 当作静态标记渲染（类似 GitHub README）。你写的 <button onclick="alert(1)">点我</button> 在 Obsidian 里就是个纯文本按钮，点不了。
常见错误现象：
• 写了 <iframe src="https://example.com"> 却加载失败（CSP 阻止）
• <script>console.log("test")</script> 完全没反应
• 用 <details><summary> 发现折叠功能不生效（实际支持，但需开启「内联 HTML」设置）
使用场景：仅限展示性 HTML —— 比如 <table> 排版、<sup>/<sub> 上下标、<mark> 高亮、<hr> 分隔线等无交互需求的结构。
如何让基础 HTML 标签正常显示
Obsidian 默认禁用大部分 HTML，必须手动开启「内联 HTML」支持，否则所有 HTML 标签都会被原样输出为文字。
立即学习“前端免费学习笔记（深入）”；
实操建议：
• 打开 设置 → 外观 → 内联 HTML，勾选「启用内联 HTML」
• 重启 Obsidian（部分版本需重启才生效）
• 注意：该开关不影响 <script> 和 <iframe> 的执行，只决定是否解析标签语义
参数差异：
• 开启后，<b>加粗</b> 和 **加粗** 效果一致，但前者更易在导出时丢失样式
• <span style="color:red">红字</span> 可显示，但主题色变更可能导致颜色失效
想实现交互功能怎么办
Obsidian 原生不支持运行脚本，但可通过插件扩展有限能力：
可选路径：
• 安装社区插件 Templater：支持在笔记中插入动态文本（如日期、文件名），但仍是服务端生成，非实时交互
• 使用 HTML Embed 插件：允许嵌入外部 HTML 文件（需放在 vault/.obsidian/snippets/ 或同级目录），仍受 CSP 限制
• 绕过方案：用 iframe 加载本地 HTML 文件（需启动本地 HTTP 服务，且浏览器可能拦截 file:// 协议）
性能 / 兼容性影响：
• 启用内联 HTML 对渲染速度几乎无影响
• 第三方插件可能在 Obsidian 升级后失效，尤其涉及 DOM 操作的插件
• 导出为 PDF 或 HTML 时，自定义样式和嵌入内容大概率丢失
容易被忽略的关键限制
Obsidian 的 HTML 支持本质是「安全优先」的白名单式渲染 —— 它不是浏览器，也不是 Web IDE。
必须注意：
• 所有 <script>、<style>、<link>、<object>、<embed> 标签会被直接剥离（即使开了内联 HTML）
• <iframe> 仅支持同源或 CORS 显式放行的地址，localhost 通常也不行
• data: URI、javascript: 伪协议全部被拦截
• 移动端 App（iOS/Android）对 HTML 的支持比桌面版更弱，很多标签会退化为纯文本
事情说清了就结束
