this post was submitted on 16 Jul 2023
16 points (100.0% liked)

ObsidianMD

4119 readers
1 users here now

Unofficial Lemmy community for https://obsidian.md

founded 1 year ago
MODERATORS
 

Fixing Obsidian’s Markdown Display with CSS

https://blog.kizu.dev/fixing-obsidians-markdown-display-with-css/

A new blog post in my blog: I am sharing a #CSS snippet I wrote for #Obsidian, which makes the default Markdown display better for me by always showing the corresponding formatting symbols.

@obsidianmd @obsidian

top 6 comments
sorted by: hot top controversial new old
[–] DrakeRichards 2 points 1 year ago

This is incredible! I would love it as a fully-supported editing mode; maybe even a replacement for Live Edit.

[–] [email protected] 1 points 1 year ago (1 children)

@kizu @obsidianmd @obsidian this is a really nice work-around to live preview in Obsidian

[–] [email protected] 1 points 1 year ago

@dja @obsidianmd @obsidian Thanks!

I wish this was available as a built-in option, as it does not work for all the cases like nested _**strong inside em**_, but better than nothing I guess.

I did not yet look into if there would be something additional possible through the plugin API — if it will allow altering how the formatted markdown tags look with the access to their source code (like, access to the markdown AST or something), a plugin fixing this properly could be also be possible.

[–] [email protected] 1 points 1 year ago (1 children)

@kizu @obsidianmd In the Obsidian settings you can switch between Live preview and Source view mode. I think Source view shows markdown.

[–] [email protected] 1 points 1 year ago (1 children)

@vasilis @obsidianmd Yep, I did mention it in the post — I want to see both the markdown formatting, _and_ the embeds, with links working as usual, etc.

In the “Source Mode” I have to press cmd when going through links, and I cannot see any images and other embeds.

[–] [email protected] 1 points 1 year ago

@kizu @obsidianmd Oops, sorry, didn’t read careful enough.