Code Editor

approved

by saltyfireball

This plugin has not been manually reviewed by Obsidian staff. Edit non-markdown text files (code, config, data) directly with syntax highlighting, line numbers, and word wrap.

★ 2 stars↓ 501 downloadsUpdated 5d agoMIT
Install in ObsidianView on GitHub

Code Editor

VHS Tracking Troll Face Containers Oops JavaScript Monitoring Backup Plan Search History Git Blame

Edit non-markdown text files (code, config, data files) directly in Obsidian with syntax highlighting, line numbers, and word wrap.

Features

  • Edit 50+ file types directly in Obsidian (JS, TS, Python, Go, Rust, JSON, YAML, HTML, CSS, SQL, and more)
  • Syntax highlighting with 5 built-in color themes (Monokai Pro, GitHub Dark, GitHub Light, Dracula, Nord)
  • Line numbers with active line highlighting
  • Word wrap toggle
  • Bracket matching
  • Undo/redo history
  • Tab indentation support
  • Binary file detection (prevents editing binary files)
  • Add custom file extensions

Installation

Obsidian Community Plugin

This plugin is available in the official Obsidian community plugin directory. Install it from Settings > Community plugins > Browse and search for "Code Editor" or "Code Editor by saltyfireball".

Community plugin page: https://community.obsidian.md/plugins/code-editor

More Plugins by saltyfireball

Browse all of my published Obsidian plugins on my profile: https://community.obsidian.md/users/saltyfireball

Usage

Once enabled, the plugin automatically handles supported file types. Simply open any supported file and it will open in the code editor.

Supported File Types

Code: js, ts, jsx, tsx, py, rb, go, rs, java, c, cpp, h, cs, php, swift, kt, scala, lua, pl, r, m, mm

Config/Data: json, yaml, yml, toml, xml, ini, env, conf

Web: html, htm, css, scss, sass, less

Shell/Scripts: sh, bash, zsh, fish, ps1, bat, cmd

Other: sql, graphql, dockerfile, makefile, gitignore, txt, log

Settings

  • Enable code editor - Toggle the plugin on/off (restart required)
  • Color theme - Choose from 5 syntax highlighting themes
  • Show line numbers - Toggle line number gutter
  • Word wrap - Toggle line wrapping
  • Additional file extensions - Add custom extensions (comma-separated)

Command

  • Open current file in Code Editor - Available from the command palette for non-markdown files

Acknowledgments

This plugin uses highlight.js for syntax highlighting, licensed under the BSD 3-Clause License. Copyright (c) 2006, Ivan Sagalaev.

License

MIT

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.