Editor: Syntax Highlighting in Code Blocks

[brucehan]

This is one of the the reason why Roam is still top on my list, instead of obsidian

[Vinadon]

I think this plugin is the perfect solution https://github.com/deathau/cm-editor-syntax-highlight-obsidian

[deadcoder0904]

I think this shouldn’t be a third-party plugin. It should be a built-in feature. Any reasons it’s not added?

[dennis777]

+1. Would be a great addition to Obsidian

[riraito]

Thanks for the plugin. Is there a way to make it work for R code syntax highlighting support?

[roustem]

Would love to see syntax highlighting available by default

[calpa]

+1 for this

[Negan]

+1 for this

[JJJingobs]

+1 Please add this function!

[codebreak]

+1

[jerixmx]

I’m also using this! It’s a bit disconcerting though that the preview syntax highlighting does not match the editor’s. As for me, I prefer the plugin’s highlighting to the native one. Are you able to sync them?

[Vinadon]

No I don’t think that is possible. Preview and edit mode uses completely different libraries for the highlighting. Source

[ramnathk]

+1 it is laughable that this is not supported

[alexeykostyukov]

+1 for that feature

[DouglasG]

@death.au I might suggesting looking into how this markdown editor functions: GitHub - writewithocto/ink: A plain-text javascript markdown editor library that renders formatting live and in-place without the need for a preview pane. Built on CodeMirror 6. Powers https://octo.app.

It performs formatting of the markdown itself, which supports syntax highlighting in the editor.

[NothingIsLost]

I just released an early version of a plugin which will unify code block syntax highlighting between edit and preview modes. It has support for a few different syntax highlighting themes out of the box and support for importing your own themes.

I plan on submitting this to the official plugin repository in the near future but if anyone wants to test and provide feedback, you can check it out here: Release 0.0.2 · nothingislost/obsidian-codemirror-options · GitHub

[Yummy]

@NothingIsLost Awesome plugin, 10/10. Came across what I think is a bug. Gif below shows the theme (solarized light) unapplied in preview mode but applied in edit mode.

My guess is that it’s probably caused by code block makers (```) in the markdown file having spaces to the left (highlighted with blue circle):

Notice that obsidian’s default code syntax highlighting renders just fine in Preview mode (default code theme is grey background one as seen in the .gif)

[Aboubakr]

I also want this to be built-in.

[WhiteNoise]

this is implemented in 0.13.6