Obsidian Stats logoObsidian Stats

HTML Visual Editor

by suntinglu777
5
4
3
2
1
New Plugin
Install Code

Description

This plugin has not been manually reviewed by Obsidian staff. Edit HTML files visually in Obsidian and save directly back to the selected vault file.

Reviews

No reviews yet.

Stats

stars
downloads
0
forks
0
days
NaN
days
NaN
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
0
commits

Latest Version

Invalid date

Changelog

See all version on GitHub

README file from

Github

HTML Visual Editor

HTML Visual Editor lets you open .html and .htm files in Obsidian, edit them visually, and save changes directly back to the same vault file.

Features

  • Open HTML files from the file menu or command palette.
  • Edit page elements with the visual editor toolbar.
  • Drag, resize, select, duplicate, delete, and style elements.
  • Insert text, images, tables, page layouts, canvas elements, and chart typography blocks from the adapted editor tools.
  • Save with the Obsidian toolbar button, the in-page Save button, or Ctrl+S / Cmd+S.
  • Save directly overwrites the currently opened vault file. No system file picker or "save as" path selection is used.
  • Relative image and stylesheet links are temporarily mapped for preview and restored when saved.
  • Pasted base64 images can be saved into an assets folder next to the edited HTML file when the editor requests asset persistence.

Usage

  1. Install and enable the plugin.
  2. Right-click an .html or .htm file and choose Open in HTML Visual Editor.
  3. Edit the file in the visual editor.
  4. Click Save or press Ctrl+S / Cmd+S.

Notes

  • The plugin edits local vault files only.
  • Save operations overwrite the current file, so keep normal vault backups or version control for important documents.
  • Browser-extension popup, tab injection, and system file picker flows are intentionally removed for Obsidian.
  • Some advanced browser-only features depend on Chromium APIs, such as the EyeDropper API. Availability may vary by Obsidian platform.

Privacy

The plugin does not upload HTML content, images, or vault data. Editing happens inside the local Obsidian app, and saved content is written through Obsidian's vault API.

License

MIT. This plugin includes code adapted from 42 HTML Visual Editor, also under the MIT license.

Sponsors