This is a plugin for Obsidian (https://obsidian.md). Can open document with `.html` and `.htm` file extensions.

Last update: Dec 27, 2022

Related tags

Learning resource obsidian-html-plugin

Overview

Obsidian HTML reader Plugin

This is a plugin for Obsidian (https://obsidian.md). Can open document with .html and .htm file extensions.

Obsidian HTML Reader Plugin
- How to use
- Manually installing the plugin

How to use

Put .html or .htm files to any vault folder
Click any HTML or HTM item to open it
Reading

Manually installing the plugin

Copy the main.js and manifest.json files to your vault <path>/<to>/<VaultFolder>/.obsidian/plugins/obsidian-html-plugin/.
Reload Obsidian.
Head to "Settings" → "third-party plugins", make sure safe mode is off and enable this plugin from there.

nest연습용 (w. https://github.com/seuiggi, https://github.com/okysky1121)

A progressive Node.js framework for building efficient and scalable server-side applications. Description Nest framework TypeScript starter repository

Oct 5, 2022

Obsidian plugin: Implicitly add an alias matching the first heading in a document.

Alias from heading Aliases in Obsidian make it convenient to provide display names to document links. However, there are a few pain points: Aliases ar

Dec 17, 2022

BestBuy Bot is an Add to cart and Auto Checkout Bot. This auto buying bot can search the item repeatedly on the ITEM page using one keyword. Once the desired item is available it can add to cart and checkout very fast. This auto purchasing BestBuy Bot can work on Firefox Browser so it can run in all Operating Systems. It can run for multiple items simultaneously.

BestBuy Bot — Open Source GPU/PS5/Xbox Bot I took bits from best open and closed sourced bots and made this simple bot. Please star my repo if this co

Dec 31, 2022

A quickstart AWS Lambda function code generator. Downloads a template function code file, test harness file, sample SAM deffiniation and appropriate file structure.

Welcome to function-stencil 👋 A quickstart AWS Lambda function code generator. Downloads a template function code file, test harness file, sample SAM

Jun 20, 2022

A jquery plugin that allows an html page to be converted and/or downloaded into a Microsoft Word Document with an emphasis on performance

googoose A jquery plugin that allows an html page to be converted and/or downloaded into a Microsoft Word Document with an emphasis on performance Abo

Jan 3, 2023

Serve file server with single zip file as file system in Deno.

zipland Serve file server with one-single zip file in Deno. Support zip just zip32 with deflated or uncompressed serving plaintext deflate Examples Yo

Nov 2, 2022

Feel free to create new file, don't hesitate to pull your code, the most important thing is that the file name here must match your nickname so that file does not conflict with other people.

Hacktoberfest Indonesia Apa Itu Hacktoberfest ? Hacktoberfest adalah acara tahunan yang bertujuan untuk mendorong berkontribusi kedalam ekosistem open

Dec 15, 2022

This Photoshop script exports all top-level layers and groups to cropped PNG and JPEG files and creates a file usable in Tumult Hype 4 based on your Photoshop document.

Export To Hype (Photoshop Edition) This Photoshop script exports all top-level layers and groups to cropped PNG and JPEG files and creates a file usab

Nov 9, 2022

Reference for How to Write an Open Source JavaScript Library - https://egghead.io/series/how-to-write-an-open-source-javascript-library

Reference for How to Write an Open Source JavaScript Library The purpose of this document is to serve as a reference for: How to Write an Open Source

Dec 24, 2022

Comments

How to correctly parse the contents of the HTML files generated by SingleFileZ
> I have some questions:

1. Is the "SingleFileZ" web extension necessary? I opened a xxx.zip.html in Opera, it shows the same message. (NOTE: the Obsidian is based on [Electron](https://www.electronjs.org/), which embedded a Chromium browser)

It is unfortunately necessary to install SingleFileZ to view pages from the filesystem in Chromium-based browsers because they don't allow to run fetch("") (in order to retrieve the displayed page in binary) when the page is opened from the filesystem. It looks like the same limitation is applied in Obsidian.

2. How to detect a .html file made by "SingleFileZ"?

The file can be unzipped and it contains an index.html file in the root folder or the first folder of the zip file (for MAFF files). In addition, for self-extracting pages, the <html> tag contains the attribute data-sfz.

3. Is there a npm package to convert/decode SingleFileZ's .html content to standard HTML string?

The function extractPage in the code below (heavily inspired from this gist) should help you.

import { extract } from "https://raw.githubusercontent.com/gildas-lormeau/SingleFileZ/master/src/single-file/processors/compression/compression-extract.js"; import * as zip from "https://raw.githubusercontent.com/gildas-lormeau/zip.js/master/index.js"; globalThis.zip = zip; async function extractPage(zipBlob) { const { docContent } = await extract(zipBlob, { noBlobURL: true }); return docContent; }

You can also use local imports instead of retrieving scripts from raw.githubusercontent.com by importing single-filez-core and zip.js from NPM, and replacing "https://raw.githubusercontent.com/gildas-lormeau/SingleFileZ/master/src/single-file" with "single-filez-core" and "https://raw.githubusercontent.com/gildas-lormeau/zip.js/master/index.js" with "@zip.js/zip.js".

Originally posted by @gildas-lormeau in https://github.com/nuthrash/obsidian-html-plugin/issues/1#issuecomment-1284760013
help wanted
opened by nuthrash 27
[not-issue] usage with SingleFile

Hi.

Just wanna drop in and say thank you. I'm using SingleFile to archive some website into a single html file. Now with your plugin, I can view the archived html file from within Obsidian. Not counting the fact that these notes have also their own metadata in frontmatter, which is awesome.
good first issue

opened by andrey-jef 12
Mathjax

I exported a Jupyter notebook from VSCode with a LaTeX formula and it doesn't render correctly in Obsidian. Example File The formula renders in Chrome, but not in Obsidian.

opened by pandichef 4
Bug in 1.0.6 with unrestricted access
Hello

Thanks a lot for this update that allows to choose the level of sanitizing!! That really helps (it is a solution!) for some pages! There are two bugs, though:

Not important: in the settings, when in dark mode, some part of the table and some phrases are still rendered with white background which makes them difficult to read. This is just aesthetic.

This is more important: Obsidian can now show a tweet saved with SingleFile (through ThreadReader website), and the video plays well, but when you click on the tweet text (the text just above or below the video) it opens the tweet in the default browser, which is fine, only that it opens it repeated in 20 tabs or so ! When you open the very same file directly in the default brower by clicking on it in the windows explorer, it opens it, and if then you click on the tweet text it opens the tweet in twitter just once, as it should. This is in unrestriced mode, otherwise the click on the text is disabled. The attached file is for testing, and normally there is no need to go full unrestriced with it, but for other entries, it is.

Thank you!

TRB - ❝ 𝐘𝐚𝐲𝐚 ❞ FULL_.zip
opened by Darkbluetest 5

Releases(1.0.6)

1.0.6(Nov 23, 2022)
Version 1.0.6

Changes

Add new setting "Operating Mode". Users can switch to less restricted modes by themselves.

Fixes

Fix error cutting CSS variables sequence.

Source code(tar.gz)
Source code(zip)
main.js(1.16 MB)
manifest.json(361 bytes)
1.0.5(Nov 15, 2022)
Version 1.0.5

Changes

Change HTML Sanitization sanitizer to self-designed sanitizeAndApplyPatches() and only sanitize HTML attributes to prevent XSS attacks.

Remove "sanitize-html" HTML Sanitization package because its sub-module invoke some APIs only available on desktop version of Obsidian.

Fixes

Fix unable enabling this plugin after installed to the mobile version of Obsidian.

Fix error comparison of CSS selector for ":root".

Source code(tar.gz)
Source code(zip)
main.js(1.12 MB)
manifest.json(361 bytes)
1.0.4(Nov 11, 2022)
Version 1.0.4

Changes

Change HTML Sanitization package to "sanitize-html" and only sanitize HTML attributes to prevent XSS attacks.

Now, this plugin can view local image files after added app://local/ or app://local// prefix string to src attribute by hands (refer to "Allow embed of Local images using ![](file:///...)").

Isolate the content of HTML file with Shadow DOM and div style to prevent CSS Style Pollution.

Fixes

Fix Declarative Shadow DOM elements not loaded properly.

Fix global CSS effects of HTML files would cause main program misarrange layout problem.

New

Add SingleFileZ's compressed HTML-like file format support.

Bugs

Cannot be enabled at mobile version of Obsidian because of using desktop-only APIs.

Source code(tar.gz)
Source code(zip)
main.js(2.01 MB)
manifest.json(361 bytes)
1.0.3(Oct 18, 2022)
Version 1.0.3 - merged into Obsidian's community plugins https://obsidian.md/plugins.

Changes

Remove HtmlPluginSettings.ts and related code.

Change innerHTML to noticeEl.createEl() of showError().

Change console.log() to showError().

Source code(tar.gz)
Source code(zip)
main.js(173.31 KB)
manifest.json(361 bytes)
1.0.2(Sep 21, 2022)
Changes

Change HTML file parsing result from string to DOM object.

Change the behavior of user-select to text when user-select is not set.(avoid some HTML files unable to select text)

Change the behavior of overflow to auto when overflow is not set.(avoid some HTML files unable to scroll)

Fixes

Fix some HTML files would lose some elements when WHOLE_DOCUMENT is not set to true.

Fix external CSS files not load properly.

Source code(tar.gz)
Source code(zip)
main.js(176.68 KB)
manifest.json(361 bytes)
1.0.1(Sep 17, 2022)
Changes

Add HTML sanitization mechanism to filter out most of suspicious codes from HTML files.

Source code(tar.gz)
Source code(zip)
main.js(173.73 KB)
manifest.json(361 bytes)
1.0.0(Sep 8, 2022)
First Release

Basic functionality of the plugin implemented

Source code(tar.gz)
Source code(zip)
main.js(11.06 KB)
manifest.json(361 bytes)