Describe the bug
Using the light theme, there is a momentary black screen when viewing a new page via a hyperlink or refresh page on the exported html files. It looks like that the theme has changed. If I use dark theme, it's no problem.

Operating System
I'm using the Microsoft Edge on Win11.

To Reproduce
Steps to reproduce the behavior:

1. Select an obsidian file that has some hyperlinks.
2. Export to HTML
3. Click on the HTML
4. Use the light theme
5. Click a hyperlink or refresh page
6. See error

This would add an option alongside the "web styled file names" option, which would create a seperate folder for every file with the file's name and rename each exported file to index.html inside the folder. This would let each file be under a folder path instead of a file path. aka no .html at the end of the url.

I tried opening exported pages in github pages, but they didn't render.
After some investigation i found out that the exported files are saved in UTF-16BE

I converted them to UTF-8 and now everything works.
Is there a reason to save in UTF-16?

Add option in the plugin settings tab (not the modal) that will let the user select a custom favicon for the exported files. This is the little icon that would show on the tab when opened in a browser.

Hi,

I would like to publish my vault automatically.
Your plugin is great and the only one that really works for me and does not require a ton of third party tool installations.

Is there a way to launch your scripts from outside Obsidian ?
The way I would like to use it is:

1. Edit my vault on Windows ✔️
2. Automatically push to github each x minutes ✔️
3. On linux, automatically get the files from github ✔️
4. Convert MDs to HTML with your scripts, from a command line ❌
5. From a script, Delete HTML files I listed as "Private" ✔️
6. Copy the results in my webserver directory ✔️

At this time, I manually launch the conversion in windows from your plugin, then copy the HTML to linux, but I'd rather launch the conversion on linux from a cron job.

Thanks for any hint on how to do that.

When the publishing folder contains multiple md files, multiple html will be generated. At this time, open the html with double links and click jump. The jump url has an md before the html prefix. This md should be removed, otherwise the link jump fails

Is it possible to export linked (.md-) files within a document. Maybe as a checkbox to choose from when exporting. As of now, all links created are clickable in the HTML but lead to an unknown file.
Maybe i just don't get it and need some kind hints. Thanks!

EDIT: I know of the export folder/vault function. This is not what i am looking for as I eitehr don't have the selected documentsin one folder or i just don't want the whole vault to be exported. As said: A checkbox selection of all linked files within the document would be great.

Describe the bug
When the theme toggle loads or is clicked on only to be dragged it playes the "turning off" animation which looks rather weird.

Export throws an error due to being unable to find the default theme.

When exporting multiple files with non-injected JS and / or CSS there is always one copy of all the files for every folder. Instead it should combine them and every file should reference one copy of the shared files at the root folder of the export.

Add possibility to export all files in the vault (or folder) with certain tag(s).

PS: nice plugin, and thanks for your contribution!

Using either the Ribbon, the right-click menu, or the direct command to export the vault, the only thing that displays is the Export Web page form. The only feature that does work is export to HTML. This works for a single page. Selecting multiple pages and then exporting also does no work -- that is, nothing is exported.

Describe the bug
This sentence in the README is unclear:

So if you are going to work on a feature that already an issue, then please submit an issue instead.

I'm guessing it's meant to say "a feature that isn't already an issue"?

Thanks for this great plugin. Adding a possibility to export larger canvas with some navigation would be great.

Support selecting multiple files or folders and exporting those.

Cant find ur plugin in the plugins list. Im on Android.

Now all the files with checkbox would be exported to page with unchecked checkbox.

It would be nice to have an option to not include the name of the file as the first line shown in the exported HTML file.

If I click the Export Vault to HTML in the ribbon, I receive a modal popup / dialogue (as expected).

However, it appears you cannot "cancel" this action:

1. Clicking on the "X" still sends you through to the "Choose the folder dialogue"
2. Hitting cancel on the "Choose the folder (modal) dialogue" still fires the script.

From what I can tell, the script still runs (opens a tab for every note in the vault), but does not write the files anywhere.

Windows machine.

Add a graph view similar to obsidians that shows the relationship between all the files in the export. This should use a canvas, mimic the physics and draggable nature of the one in obsidian, and should base it's properties and visuals on the ones set in obsidian on export.

Hi. First, thank you for developing the amazing plugin :)

I found the strange behavior about Export vault to HTML command. So let me inform you of the details.

Version

1.3.2

Settings

All settings are as default.

Reproduction steps

1. Create a new vault named webpage-test
2. Install this plugin
3. Create a dir directory, and create two files located as follows

./webpage-test
├── 📁 dir
│   └── file in the dir.md
└── file.md

file.md

[[file in the dir]]

4. Run the Export vault to HTML command
5. Open file.html in the browser

Expected

The link URL is ./dir/file%20in%20the%20dir.html

Actual

The link URL is ./file%20in%20the%20dir.html

Kind regards :)

It seems that after export all mjx-math tags get converted to math tags, this leads to

1. This snippet not working in exports

mjx-math {
    font-size: 120% !important;
}

2. Weird paddings
   

I currently fix them with this snippet:

math {
    font-size: 120% !important;
}

mjx-math {
    display: none !important;
}

If you fold a nested header and a header above that header's parent, then when you unfold the nested header the other one also unfolds.

Thank you for this amazing plugin ! I was able to run it, and I am trying to use it to convert my entire vault into a website that would be an alternative to Obsidian publish. I was previouly trying to use Obsidian-share, but your plugin is better because it converts the output of mathjax, desmos, dataview, and even music-abc plugins seamlessly to html, and it handles callouts nicely !

I had an error in jquery (visible in chrome debugger) because I am trying to integrate the generated html code into a more general website framework that also use the class "internal-link". The error comes when I click on a paragraph title in the outline right panel.

But I finally found a solution :
in the file "webpage.js" just replace the line

$(".internal-link").on("click", function()

with

$("outline-item-contents").on("click", function()

Just because each element of your outline has both css classes "outline-item-content" and ".internal-link", but the latter is far more subject to be also used by divs that do not belonging to the outline column
Hope this helps and regards
Serge

...as the plugin is looking for the .obsidian folder which is non-existent as I had renamed to .pc before.
I copied the plugin folder to .obsidian as well; still says "path doesn't exist."
-- Win10

Create a short styling guide for people wanting to style the toggle, sidebars, or outline. This would include a breakdown of the different classes and variables that can be modified.

This probably won't be created until I settle on a stable setup for all the html and styles.

assets not downloaded on fresh install

It will only show 0 width of canvas.

Hello,

Expected Behavior

The resulting HTML file when exporting a page is not empty

Actual Behavior

HTML file only has empty content tree and dark mode toggle button

Occurs when

Default view for new tabs is set to editing view; the problem goes away once this setting is changed to reading view.

Possible ways to patch this bug

1. remind new users to set their new tabs to open in reading view by default
2. When a file is exported, a tab is temporarily opened and closed for that page. Perhaps code in something to make it automatically

Additional comments

This was very confusing for me to figure out which was why I uninstalled it at first because it didn't work but then I saw that it did work for some people; I think this plugin will be much better appreciated by newcomers given that a decent chunk of people use editing mode by default.

Best Regards,
kelco-chan

Describe the bug
On one page, the export won't work. Instead nothing happens (with no error message popup shown) and an error gets logged at the console (see below).

With version 1.4.0 of the plugin everything was working fine.

Operating System
macOS 13.2.1

To Reproduce
I don't know how to reproduce the bug, because it happens on only one page.

The page has a Dataview part and a list of internal links (around 150 links, handled by the plugin Waypoint). I use the same "template" (Dataview part and list of internal links) on other pages where this isn't happening.

Screenshots
If applicable, add screenshots here to help explain your problem (just copy paste)

IMPORTANT: Error Log

Uncaught (in promise) URIError: URI malformed
    at decodeURI (<anonymous>)
    at Utils.makePathUnicodeCompatible (plugin:webpage-html-export:6158:12)
    at Utils.parsePath (plugin:webpage-html-export:6124:17)
    at HTMLAnchorElement.eval (plugin:webpage-html-export:7048:42)
    at Function.each (plugin:webpage-html-export:412:28)
    at jQuery2.fn.init.each (plugin:webpage-html-export:300:26)
    at HTMLGenerator.fixLinks (plugin:webpage-html-export:7025:35)
    at HTMLGenerator.getCurrentFileHTML (plugin:webpage-html-export:6845:10)
    at async HTMLExportPlugin.exportFile (plugin:webpage-html-export:7333:18)
    at async HTMLExportPlugin.exportFolder (plugin:webpage-html-export:7391:9)
makePathUnicodeCompatible @ plugin:webpage-html-export:6158
parsePath @ plugin:webpage-html-export:6124
eval @ plugin:webpage-html-export:7048
each @ plugin:webpage-html-export:412
each @ plugin:webpage-html-export:300
fixLinks @ plugin:webpage-html-export:7025
getCurrentFileHTML @ plugin:webpage-html-export:6845

Add controls in the plugin settings tab to add custom HTML and reorder HTML on the sidebars. And an option to add custom css and js to the files in general.

This control would consist of two columns one for each sidebar. Each column would have reorderable entries, each representing an element in the sidebar. For example the file outline could be moved between the columns and the html for an image could be put above or below it.

Add mobile support to the file tree and table of contents.

Some of my notes are fairly large, when I try to export them with this plugin, they get cut off

Export	Ground truth

If i open the note before exporting and scroll to the bottom it gets exported properly.

Operating System
Linux (EndeavourOS)

Hello!
This looks awesome, but I can't get it working on my end.
I'm on Windows 10 and Default theme. I've installed manually to the plugins folder. It shows up properly on the list of plugins in Obsidian, but when I go to enable the plugin I get a "Failed to load plugin" message.
Thanks for your time :-)

I have been exporting documents from one of my repositories, but the exported files are being chopped off and not complete when the document is long.

When trying to export a file (or entire vault), the plugin just open the file in another tab but doesn't create any html file

For example, write a templater dynamic command in the document ：
<%+ tp.date.now() %>
IT Should show the date , but the tp syntax is exported as is, and not correctly parsed tp syntax When exporting html files

Is your feature request related to a problem? Please describe.
Depending on the host, the special characters isn't showing properly.

Describe the solution you'd like
On generating .html file, please, add the charset utft8 meta tag on the header section to support all languages:

<meta charset="utf-8">

Additional context
Add any other context or screenshots about the feature request here.

Hello, When trying to export my whole wault, the plugin ceased to work after having (perfectly) handled a few files. I managed to solve the issue, and found it was caused by a single file. I edited it, and Finally found the cause :
My .md file contains only one line :
![load file on disk D)](<file:///D:\images\mes tableaux\La violoniste\en cours\recad\00_original.jpg>)

when exporting to HTML, the plugin crashes with this text in the console and does not generale any output :

node:internal/errors:464 Uncaught (in promise) TypeError: File URL path must not include encoded \ or / characters
    at __node_internal_captureLargerStackTrace (node:internal/errors:464:5)
    at new NodeError (node:internal/errors:371:5)
    at getPathFromURLWin32 (node:internal/url:1368:15)
    at fileURLToPath (node:internal/url:1420:22)
    at Function.fixPath (plugin:webpage-html-export:8664:41)
    at Function.getTextBase64 (plugin:webpage-html-export:8667:17)
    at HTMLGenerator.getSeperateFilesToDownload (plugin:webpage-html-export:9171:32)
    at async HTMLExportPlugin.exportFile (plugin:webpage-html-export:9667:22)
    at async eval (plugin:webpage-html-export:9614:27)`

Maybe it is caused by the fact that the link contains both slashes and antislashes, which is a bit weird but it is perfectly accepted by Obsidian, and the image is displayed in the app.
Happy new year,
Serge

I cannot get the copy button to work for code snippets. I have tried both inline and not inline options.

Hi.
Thanks for the great plugin. Really like how it exports 99.99% close to what I see in Obsidian.
There is one issue with checkboxes, however.
In exported file, all checkboxes are not checked (lacking checked attribute on tag)
Maybe it is because in Obsidian developer tools it is also missing. Not sure how Obsidian tracks which checkboxes are checked.

It can probably be solved by custom CSS. In Minimal theme, checkboxes are styled as input:checked. I may use .is_checked input. Is it possible for plugin to handle this?

Obsidian:

Firefox:

Add a vault outline that would show all the files and file structure in an exported vault or folder. This would be inserted into the left sidebar.

My internal pictures, that are included in the note with ![[picture.png]] are not exported to html. The html file just shows "picture.png". A subfolder for the picture file, as described in the read.mw file is not created either.

Is there a specific way/code, I have to include pictures in the obsidian note?

Thanks

Export of large or hard to parse .md files fails when you export a full vault. It works fine if you open the file and export it as a single file. Maybe a longer delay would be required after opening the file until it has fully loaded the CSS parsing? With some very long files, it fails to export all chapters. It seems like it times out before finishing the howl file.
Thanks for your great work!

Describe the bug
When exporting a page, some errors occurs (see the screenshot attached). Seems like the plugin is referring to some non-exist CSS files. Those file did exist before, but I have already removed them.

Operating System

• macOS 12.6.1
• Obsidian 1.1.14

To Reproduce
Execute command Export current file to HTML.

Screenshots

IMPORTANT: Error Log

For me, it would be awesome (and super helpful) if we could also recursively export web pages from a given file. For example, suppose we have a document named index.md:

# Index
[[sample]]

and sample.md:

# Sample 
some text...

If we export the file index.md, we can get both index.html and sample.html. One conceivable problem is that we might run into a cycle (e.g. the sample.md also contains a link to the index.md). But we can probably just stop the recursion if we come across a file that has been encountered before.

...because this is awesome, it should have a proper home in the command palette. Maybe two options: one for "this note" and another for "this folder" or vault.

When i export my file the svg file are not showed, i think the problem is the tag <img> , for the svg the tag should be <svg>

Thanks for the great plugin! I noticed that the backlinks at the bottom of the page are not hyperlinks. May I ask if this is a small bug?