README file from
GithubPolyglot Renderer
An Obsidian plugin that renders HTML code blocks as live sandboxed previews, opens HTML files in a custom view, and provides smart paste handling for HTML content.
Features
Inline HTML rendering
Write a fenced html code block and see it rendered live in a sandboxed iframe:
```html
<h1 style="color: coral;">Hello from HTML</h1>
<p>This renders as a live preview.</p>
```
Scripts are blocked — all rendering happens inside a sandboxed iframe with allow-same-origin only.
HTML file view
Open .html and .htm files directly in Obsidian. Files render in a sandboxed iframe and update live when you edit the source externally.
Embed rendering
Link to an HTML file with ![[file.html]] and use the eye toggle button to render it inline without leaving your note.
Smart paste handling
Pasting HTML files (e.g. from Finder): saves them to your vault and inserts embed links so they can be rendered inline with the embed toggle. You can configure where files are saved — current note folder, a default folder, or ask every time.
Pasting HTML content (e.g. from a browser): choose to render it as a live HTML block, convert to markdown, or paste as plain text. Configurable to always render, always use Obsidian's default, or ask every time.
Settings
| Setting | Options | Default |
|---|---|---|
| Enable inline HTML rendering | On / Off | On |
| HTML file paste destination | Ask every time / Current note folder / Default folder | Ask every time |
| Default paste folder | Any vault path | — |
| HTML content paste behavior | Ask every time / Render as HTML block / Obsidian default | Ask every time |
Security
All HTML rendering uses sandboxed iframes. Scripts run inside the sandbox so interactive HTML files work as expected (collapsible sections, table of contents navigation, etc.). External links open in your default browser. The sandbox prevents access to Obsidian internals, network requests, and top-level navigation.
Installation
Install manually from the latest GitHub release:
- Download
main.js,manifest.json, andstyles.cssfrom the latest release. - Create a folder
polyglot-rendererinside your vault's.obsidian/plugins/directory. - Place the downloaded files in that folder.
- Enable the plugin in Settings > Community plugins.