I was trying to render some markdown and html together. It appears the HTML elements with custom attrs have the custom attrs STRIPPED away (based on looking in the web-inspector).
Q: Is that documented or expected behavior for the Obsidian markdown renderer?
I posted yesterday on the topic of HTML and markdown interleaving. Today I am trying to discover what HTML capabilities Obsidian supports.
To that end I was trying to build any form of markdown page that supports more than one flow/section on the page. To do that I used custom css snippet and shifted the main view right to make space and then fixed position moved my left html elements (trivialized sections) into place. There are many ways to do these kind of layouts in css, but Obsidian appears to impose some strict constraints on what is possible.
I am trying to learn if any of these types of patterns are possible in Obsidian’s markdown implementation.
Thank you for any advice or explanations
SOURCE TO TRY - BELOW
my.css snippet
div.md-left-sidebar.markdown-preview-view {
margin-left: 20em;
}
.md-left-sidebar.markdown-preview-view table {
position: fixed;
top: 4em; left: 2em;
background-color: yellow;
}
.md-left-sidebar.markdown-preview-view span {
position: fixed;
top: 14em; left: 2em;
background-color: yellow;
}
.md-left-sidebar.markdown-preview-view [x-md] {
position: fixed;
top: 18em; left: 2em;
background-color: yellow;
}
SidebarExample.md
---
cssclass: md-left-sidebar
---
# main header
Content here
| sidebar|
| ---- |
| markdown - (appears unsupported)|
## section
<div markdown=1 x-md>
markdown in a `div` with a [link](http://127.0.0.1) here.
</div>
<span markdown=1 x-md>
markdown in a `span` with a [link](http://127.0.0.1) here.
</span>