Obsidian 插件:Vault HTML Preview
插件名片
概述
Vault HTML Preview 解决了 Obsidian 中 HTML 文件仅被当作纯文本处理的问题。它注册了专门的视图,允许用户直接在应用内渲染 .html 和 .htm 文件。核心功能在于完整执行页面中的脚本和样式,确保自包含的网页内容如表单、仪表盘或报告能按原样呈现,无需切换至外部浏览器。
典型使用场景包括查看本地生成的数据报告或交互式仪表盘。例如,当你有一个包含图表和交互逻辑的 HTML 报告时,点击文件即可在侧边栏直接查看动态效果。另一个例子是测试本地开发的网页片段,通过右键菜单选择“在 HTML 预览中打开”,可以快速验证样式和脚本是否正常工作,而无需启动完整的开发服务器。
相比其他预览工具,该插件的特色在于对相对路径的自动处理。它通过注入 <base href> 标签,确保与 HTML 文件同目录下的图片、CSS 和 JS 文件能正确加载。此外,插件提供了两个关键的安全开关:默认关闭 backdrop-filter 以避免滚动时的视觉模糊,以及默认禁用 allow-same-origin 以隔离预览环境与 Obsidian 主程序,防止预览页面访问你的笔记库或应用数据。
使用前需注意,预览会执行页面自身的 JavaScript,因此仅建议预览你信任的 HTML 文件。如果页面需要访问 localStorage 或剪贴板,需手动开启同源权限,但这会放宽沙箱限制。该插件不适合需要完全离线且无网络请求的严格安全环境,因为预览页面本身可能引用远程资源。它也不适合需要编辑 HTML 源码的场景,仅用于只读预览。
Help这篇插件文章还没有人贡献,欢迎占坑!
如果您有好的想法欢迎提交PR或者文末留言。
反馈交流
微信群
其他渠道
版权声明
版权声明:所有 PKMer 文章如果需要转载,请附上原文出处链接。