Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?


Failed to load latest commit information.
Latest commit message
Commit time
December 29, 2020 12:21
November 2, 2020 22:14
November 2, 2020 22:14
November 24, 2021 12:33
November 24, 2021 01:30
November 24, 2021 01:30
November 2, 2020 22:14
November 2, 2020 22:20
November 2, 2020 22:14
December 29, 2020 14:14

Editor Syntax Highlight Obsidian Plugin

A plugin for Obsidian which allows syntax highlighting for code blocks in the editor.


Imports code from CodeMirror


Custom plugins are only available for Obsidian v0.9.7+.

The current API of this repo targets Obsidian v0.9.7.


This is all very expermental at the moment, so parts might not work, etc.

This imports a bunch of syntax highlighting modes from CodeMirror, as well as the yonce theme for dark mode.


From within Obsidian

From Obsidian v0.9.8, you can activate this plugin within Obsidian by doing the following:

  • Open Settings > Third-party plugin
  • Make sure Safe mode is off
  • Click Browse community plugins
  • Search for "Syntax Highlight"
  • Click Install
  • Once installed, close the community plugins window and activate the newly installed plugin


You can follow the same procedure to update the plugin

From GitHub

  • Download the Latest release
  • Extract the cm-editor-syntax-highlight-obsidian folder from the zip to your vault's plugins folder: <vault>/.obsidian/plugins/
    Note: On some machines the .obsidian folder may be hidden. On MacOS you should be able to press Command+Shift+Dot to show the folder in Finder.
  • Reload Obsidian
  • If prompted about Safe Mode, you can disable safe mode and enable the plugin. Otherwise head to Settings, third-party plugins, make sure safe mode is off and enable the plugin from there.


This project uses Typescript to provide type checking and documentation.
The repo depends on the latest plugin API in Typescript Definition format, which contains TSDoc comments describing what it does.

Note: The Obsidian API is still in early alpha and is subject to change at any time!

If you want to contribute to development and/or just customize it with your own tweaks, you can do the following:

  • Clone this repo.
  • npm i or yarn to install dependencies
  • npm run build to compile.
  • Copy manifest.json, main.js and styles.css to a subfolder of your plugins folder (e.g, <vault>/.obsidian/plugins/cm-editor-syntax-highlight-obsidian/)
  • Reload obsidian to see changes

Alternately, you can clone the repo directly into your plugins folder and once dependencies are installed use npm run dev to start compilation in watch mode.
You may have to reload obsidian (ctrl+R) to see changes.


Huh? This is an open-source plugin I made for fun. It's completely free. However, if you absolutely have to send me money because you like it that much, feel free to throw some coins in my hat via PayPal or sponsor me via GitHub Sponsors

Version History


  • Fixed elixir mode (sorry this took me so long to release, it was fixed AAAGES ago...)
  • Added javascript syntax highlighting for dataviewjs blocks (thanks @dbarenholz)
  • Added YAML syntax highlighting for dataview and tracker blocks (thanks @KjellConnelly)


  • Added elixir mode (thanks to James Dalton)


  • Apply codemirror theme to latex math also


  • Adjusted the dark codemirror theme to also apply to frontmatter
  • Reload the editor modes on load, so syntax highlighting is shown on enable
  • Delete editor modes on unload, so syntax highlighting is hidden on disable


Initial Release.
Copy-pasted and imported editor modes from CodeMirror 5.58.2. Got compiler errors importing markdown and gfm, so those aren't available for now.


A plugin for [Obsidian]( which allows syntax highlighting for code blocks in the editor.







No packages published