Zachatoo / obsidian-css-editor

Edit CSS snippets in Obsidian.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Obsidian Downloads

CSS Editor

This plugin allows you to edit CSS files in the .obsidian/snippets/ directory.

Features

  • Create, edit, and delete CSS snippets
  • Syntax highlighting and code completion
  • Works on desktop and mobile
  • Basic VIM support

Installation

Recommended to install from the Obsidian community store.

You can manually install this using the BRAT Obsidian plugin. Generic installation instructions are available on that plugin's documentation.

Commands

Edit CSS Snippet

Opens a suggestion modal to select a CSS snippet in your .obsidian/snippets/ directory. Upon selection, show editor to edit that CSS file.

Create CSS Snippet

Opens a prompt to create a CSS snippet in your .obsidian/snippets/ directory. Upon creation, show editor to edit that CSS file.

Delete CSS Snippet

Opens a prompt to delete a CSS snippet in your .obsidian/snippets/ directory.


Contributing

Running tests

Tests are run within Obsidian, they cannot be run in a CLI. Running npm run test will output a plugin that has one command to run the tests. You can then run that command in Obsidian and the tests results will be output to the console in Obsidian.

About

Edit CSS snippets in Obsidian.

License:MIT License


Languages

Language:TypeScript 94.6%Language:JavaScript 4.2%Language:CSS 1.3%