Obsidian-Code-Styler
Obsidian-Code-Styler copied to clipboard
Bug: Source and Preview Modes
When using the Read mode with the default theme, the icons do not work, and neither does the title or code highlighting. To make it work, you should go to the Editor settings and enable the 'Preview' option instead of the 'Source' mode.
I usually use Obsidian in 'Source' mode to view the Markdown syntax. Because of this, the feature doesn't work for me. The main issue is that it is using the preview mode to load both the icon, title, and code highlighting.
With the default theme, I managed to make the icon and title work, but only partially. I'm not sure why not all codes are working, but I have attached images for reference.
At the top, you can see that some icons appear to have executed, but at the bottom, it's clear that they didn't. Both have the same syntax, so in both cases, the icons should be visible. I'm in the preview mode, in the read mode.
The following image shows how in preview mode, not in read mode, it's possible to see the icon and the title within code blocks correctly. This implies that there is an issue in read mode since it's not representing them correctly. It's also noticeable that in read mode, I can't see the line code highlighting, which is visible in the preview mode.
Here, I'm showcasing the preview mode configuration. My interface is in Spanish, but I believe it's understandable with the marks I've made. I'm referring to the option we need to activate. I'll attach an image that demonstrates how the plugin looks when that option isn't enabled.
All these tests were done in a completely new vault. However, there's an additional issue that I noticed in my main vault. When using the Solarized theme, icons, code highlighting, and titles are not visible in the read view, no matter what you do. In this case, it's mandatory to use the preview mode instead of the source mode when using the Solarized theme.