HTML Effectiveness
适用于需要在 Obsidian 中处理对比、时间线、仪表盘等需空间布局信息,以及查看 AI 生成的 HTML 报告(如行业周报、分析报告等)的场景。 基于 html - effectiveness 方法论,通过 html - effect 代码块在笔记中直接渲染特定结构;能正确渲染包含图片、样式和交互元素的 HTML 文件。 若需在笔记里呈现空间布局信息,可使用 html - effect 代码块;若要查看独立 HTML 文件,利用插件的 HTML 文件查看器;遇到相对路径图片无法显示的情况,插件会自动处
AI
Pkmer
HTML Embed
你可以通过一个简单的html嵌入代码块,在笔记中内联嵌入独立的交互式HTML文件(包含可运行的JavaScript代码)。
1. 主要功能:通过简单的html-embed代码块,在Obsidian笔记中内联嵌入独立的交互式HTML文件,且支持JavaScript运行。 2. 适用场景:适用于各类需要在笔记中嵌入交互式内容的场景,如计算机科学笔记旁嵌入算法可视化,学习指南旁嵌入交互式化学图表,项目计划旁嵌入自定义仪表盘等,还可用于算法演示、密码学实验、数学互动演示、实时数据看板、自定义学习工具等。 3. 核心特色:解决了Obsidian阅读视图对原生<iframe>标签和<script>块的清理问题,通过自定义代码块,利用app://资源协议解析
AI
Pkmer
HTML Experience
在沙盒化的 iframe 中打开支持完整 JavaScript 功能的 .html 文件。——此插件尚未经过 Obsidian 官方人员的手动审核。
1. 主要功能:可直接在Obsidian中打开.html、.htm、.mht和.mhtml文件,支持JavaScript运行,具备主题切换、自定义背景、缩放、搜索、文件自动重载、全屏模式、外部链接打开等功能。 2. 适用场景:适合在Obsidian中查看和处理HTML相关文件,如网页存档、包含脚本的HTML页面等。 3. 核心特色:提供沙盒环境运行JavaScript脚本,保障安全;有浮动切换按钮方便切换主题;支持自动重载,外部编辑文件可实时更新;能显示错误信息,方便排查问题。 4. 使用建议:安装可通过社区插件(待审批后
AI
Pkmer
HTML Font Toolbar
浮动工具栏,能用简洁的内联HTML样式设置所选文本格式,包括颜色、高亮、字号、字体、加粗/倾斜/下划线/删除线,还有表格感知对齐方式。重复的格式设置会合并成一个范围,而不是嵌套显示。——此插件尚未经过Obsidian官方人员的人工审核。
1. 主要功能:提供一个浮动的、类似Word的格式化工具栏,使用简洁的内联HTML为选中文本设置样式,如颜色、高亮、大小、字体、加粗、倾斜、下划线、删除线等,还支持表格内文本对齐。 2. 适用场景:适用于Obsidian用户在撰写笔记时需要对文本进行多样化样式设置的场景,尤其在处理包含表格的笔记时,能方便地设置表格内文本样式。 3. 核心特色:生成的内容为一个简洁的内联HTML span,避免了不同语法混用导致的嵌套冲突问题;与姐妹插件HTML Table Toolbar可协同工作,两者不重叠、分工明确且不冲突CSS。 4
AI
Pkmer
HTML Gallery
Browse the HTML files in your vault as a grid of live thumbnails, search them by title and content, and open the notes that link to them. PDFs, SVGs and images can be shown too. - This plugin has not been manually reviewed by Obsidian staff.
HTML Gallery 插件将 Vault 中的 HTML、PDF、SVG 及图片文件以实时缩略图网格形式展示。支持按标题、内容及文件名搜索,并允许通过日期或文件夹排序。每个卡片下方设有“反向链接”按钮,可一键查看引用该文件的笔记;对于无引用的文件,则显示同文件夹候选项并支持快速建立链接。 适用于保存了大量生成图表、文档或媒体文件的用户,特别是当用户记得图像内容但忘记具体文件名或存放路径时,该插件能通过视觉识别快速定位文件。 1. 视觉化浏览:HTML 默认开启,PDF、SVG 和图片可通过设置独立启用,提供直观
AI
Pkmer
HTML Live Editor
点击可在实时预览模式下直接编辑 HTML 块中的文本。 - 此插件尚未经过 Obsidian 官方人员的人工审核。
1. 主要功能:允许在Obsidian的实时预览模式下直接编辑HTML块内的文本,点击文本即可开始编辑,支持回车保存、Esc取消。 2. 适用场景:适用于在Markdown中嵌入复杂HTML布局(如流程图、卡片、表格等),且需要频繁调整文本内容的场景。 3. 核心特色:具备点击编辑、自动清理(光标离开源范围恢复渲染视图)、DOM与源映射(支持嵌套和重复文本)等功能,还适配Obsidian原生暗黑模式。 4. 使用建议:打开包含<div>…</div>块的文档,点击要更改的文本,在弹出框中编辑,按Enter保存,按Esc取消
AI
Pkmer
HTML Page Preview
在Obsidian里实现嵌入式HTML文件的内联预览功能。能直接在笔记中展开HTML文件,支持固定16:9比例或无限高度渲染。 - 此插件尚未经过Obsidian官方人员的人工审核。
1. 主要功能:在Obsidian中对嵌入的HTML文件进行内联预览,可直接在笔记里展开!page.html并渲染HTML页面。支持展开和折叠嵌入内容,有固定16:9和无限高度两种显示模式,还设有打开文件按钮。 2. 适用场景:适用于在Obsidian笔记中需要嵌入并预览HTML文件的场景,如展示网页示例、嵌入可视化图表等。 3. 核心特色:替换默认“打开文件”行为为可扩展预览;提供两种显示模式满足不同需求;界面简洁,仅使用SVG图标;项目具备完整的GitHub配置文件。 4. 使用建议:Obsidian需1.13.0及以
AI
Pkmer
HTML Page Viewer
在Obsidian里打开 .html 和 .htm 文件,能以沙盒化渲染预览的形式查看,也能查看语法高亮的源代码。——此插件尚未经过Obsidian官方人员的人工审核。
1. 主要功能:这是一个只读的Obsidian插件,用于在Obsidian内打开.html和.htm文件。默认显示渲染预览,也提供带轻量级语法高亮和行号的源码视图,还有操作工具栏。 2. 适用场景:适用于查看本地报告、导出的仪表盘、文档页面、原型以及生成的可视化成果等,无需离开Obsidian库。 3. 核心特色:采用沙盒化的iframe进行渲染,默认禁用脚本,保障安全;仅在当前查看器标签明确开启时才启用脚本;阻止表单、弹窗、顶级导航和同源访问;设计为只读模式,不会写回HTML文件。 4. 使用建议:鉴于安全考虑,默认保持
AI
Pkmer
HTML Painter Hotkey
Cycle through text or highlight colors on selected text using customizable hotkeys. - This plugin has not been manually reviewed by Obsidian staff.
1. 循环切换机制:无需打开菜单,连续按快捷键即可在预设颜色序列间循环(如黑→红→蓝→清除),极大提升操作效率。 2. 高度可定制:支持任意 CSS 颜色名称或十六进制代码,用户可在设置中自定义颜色列表,并使用 null 作为清除样式的终点。 3. 无侵入性:仅改变视觉呈现,不破坏 Markdown 源码结构,且选中状态保持,便于连续操作。 1. 安装后,务必在“设置 → 快捷键”中为“Cycle HTML Text Colo
AI
Pkmer
HTML Prototype Viewer
在独立的 iframe 中预览本地 HTML 文件,支持设置设备宽度和实时刷新,还能把它们嵌入到你的笔记里。——此插件尚未经过 Obsidian 官方人员的人工审核。
1. 主要功能:可在隔离的 iframe 中预览本地 HTML 文件,支持原生打开 .html 和 .htm 文件,能切换设备宽度,具备实时重新加载功能,可将预览嵌入笔记,还能在系统浏览器中打开。 2. 适用场景:适合存放设计原型、导出的工件或独立 HTML 原型文件并与笔记放在一起的场景。 3. 核心特色:使用 iframe 加载文件,使 HTML 原型有独立的文档、样式表和脚本上下文,不会影响 Obsidian 界面,且 JavaScript 可正常运行;不依赖本地 Web 服务器,通过 Obsidian 资源 URL
AI
Pkmer
HTML Reader-plus
Open and interact with trusted local HTML prototypes in a separate web view, with zoom, text search, and a collapsible bilingual toolbar. - This plugin has not been manually reviewed by Obsidian staff.
在 Obsidian 中打开并交互本地 HTML/HTM 文件。插件通过独立的桌面 Web 视图渲染页面,保留脚本及相对资源,支持运行 React、Vue 等前端应用。 适用于需要快速预览、调试或演示本地 HTML 原型、单页应用(SPA)及静态网页的用户。仅限桌面端使用,不支持移动端或 MHTML 格式。 1. 独立视图:与笔记编辑器隔离,确保交互互不干扰。 2. 便捷工具:支持 25%-300% 缩放(点击百分比可重置),内置文本搜索(Enter/Shift+Enter 导航)。 3. 双语界面:工具栏、菜单及
AI
Pkmer
HTML Shelf
不用文件浏览器,就能在手机和电脑上浏览你仓库里的 HTML 文件。——Obsidian 官方人员尚未对该插件进行人工审核。
1. 主要功能:可在桌面端和移动端发现并读取Obsidian库中的HTML文件,无需通过文件资源管理器。 2. 适用场景:适用于在Obsidian中浏览和阅读HTML文件的场景,解决了移动端HTML文件在文件资源管理器中缺失,或在外部浏览器打开而非与笔记一同展示的不便。 3. 核心特色:能让HTML文件在Obsidian内直接渲染,方便用户在笔记环境中查看HTML内容,还支持对HTML文件标题、路径和章节进行搜索过滤。 4. 使用建议:安装可通过Obsidian社区插件搜索“HTML Shelf”安装启用,也可手动下载相关
AI
Pkmer