KosmosisDire / obsidian-webpage-export

Export html from single files, canvas pages, or whole vaults. Direct access to the exported HTML files allows you to publish your digital garden anywhere. Focuses on flexibility, features, and style parity.
https://docs.obsidianweb.net/
MIT License
693 stars 58 forks source link

Need support for Table Extended plugin, or knowledge of a supported app that does what Table Extended does #433

Open James-R-Thomas opened 1 month ago

James-R-Thomas commented 1 month ago

Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like A clear and concise description of what you want to happen.

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

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

KosmosisDire commented 1 month ago

You have not provided any details? Explain what table extended is, how you're using it, and what you expect vs. what you get. Thank you

James-R-Thomas commented 1 month ago

Sorry for the frustration, I am new to GitHub.

If this response does not address your questions please let me know and I will try to provide more details.

Here is an example of how I am using Table Extended in Obsidian, it allows you to merges cells in tables. This is the only plugin that I am aware of that allows you to merge cells.

image

What I get in the html output is the markdown source. It looks like this:

image

KosmosisDire commented 1 month ago

Thank you this helps a lot! I'll look into this :)

zhoulonghao520 commented 1 month ago

@James-R-Thomas

It seems you might also like using merged cells just as I do. The plugin you've been using, I've tried it as well, and it's not very convenient. I would suggest you use:

First recommendation: sheet table (https://github.com/NicoNekoru/obsidan-advanced-table-xt) (I suggest you use version V1.2.2.) Second recommendation: Asciidoctable(https://github.com/juracy/obsidian-asciidoc-blocks )

The table below was created using this plugin. These two plugins have simpler and more flexible syntax than the -TX- plugin, especially sheet table, which allows you to set the width and height of each cell. They are very practical to use.

image

image

image

zhoulonghao520 commented 1 month ago

@James-R-Thomas

These two plugins do not have any display issues when exporting with the webpagehtml plugin. You might consider giving them a try.

James-R-Thomas commented 1 month ago

The first suggestion (Sheets Extended) is very close to what I am looking for. However it does not support the multi line headers like the example that I posted above.

image

KosmosisDire commented 1 month ago

I think the multi line thing is just a difference in styles. You should be able to create a snippet to wrap the text in table headers I think

James-R-Thomas commented 1 month ago

This was done with the Sheets Extended plugin enabled. Here is the markdown file that I am working with: Acrobat - Copy.md

So a couple of problems, one of which is my own ignorance I am sure.

  1. I don't know how to make it change for light mode vs. dark mode
  2. The html output is also not working

Dark Mode: image

Light Mode: image

Html output: image

KosmosisDire commented 1 month ago

Check in reading mode of obsidian, not the live preview. What does your table look like?

James-R-Thomas commented 1 month ago

image

zhoulonghao520 commented 1 month ago

@James-R-Thomas

I'm not sure if there's a difference between your version of Obsidian and the plugin versions you have compared to the ones I've installed. I can achieve merged column headers without having to define any styles.

image

image

obsidian : V1.5.12 Sheets Extended plugin : V1.2.2

AND

The issue with exporting the theme is that it follows your operating system's settings. For instance, if macOS is set to dark mode, Obsidian will adhere to that. You can activate a theme switch during the export process, and simply use that switch to toggle between themes as necessary.

zhoulonghao520 commented 1 month ago

@James-R-Thomas

I just looked at the content of your notes, and I've identified the problem you're facing.

image

image

You entered the color code as black, so naturally, it appears black.

c: {backgroundColor: "#555",}

You can try replacing the color code.

https://www.gongju88.com/tool/yanse/selection.html

image

For example.

{ classes: { c: {backgroundColor: "#FF6347",} }, }

@KosmosisDire

If he switched to the plugin I suggested to him, and it meets his requirements, then this issue would no longer exist.