zachatoo / obsidian-css-editor

Edit CSS snippets in Obsidian.

My name is Zach Young. I am passionate about using technology to make people’s lives easier and more efficient.

Check out my website to learn more about me https://zachyoung.dev

obsidian-css-editor's Issues

Allow editing css files in .obsidian folder

• Add command to open modal with list of CSS files to edit. Select a CSS file to open a view to edit that CSS file.
• Saved changes should reflect in the UI on autosave (2 seconds).
• Should be able to edit on mobile.

[Feature Request] for deleting .css files

Appreciation

Thank you so much for making this plugin !
It has made my work a lot easier since I use Obsidian on my iPad and the iPad hides hidden files - which means no access to the .obsidian folder.
I had to use a different file explorer and move my vaults to it to edit the .css snippets and then move them back to Obsidian's root folder. Every. Time.

Your plugin has made this so much simpler.

Getting to the point

Please think about including the following features -

• Please add an option to delete snippets via the plugin from within obsidian so that we can easily get rid of unwanted snippets.

• Option to have filenames with spaces since it currently doesn't accept them. I can add css snippets with space in their filename and it works - through my traditional method. (This feature might be pointless and may not be worth your time, but I just asked anyway.)

Thank you for your time !

FR add support for metadata

Metadata for author, date and source link. This could be implemented by comments (I'm not sure about the native properties feature). Ask these details when running create css command. Providing additional command to add/edit metadata could be other choice but this adds more clutter to the general command pool.

Don't detach leaves on unload

• detachLeavesOfType it's not recommended to detach leaves on unload. When updating your plugin, this means that all views will get discarded which might be annoying for users.

Originally posted by @liamcain in obsidianmd/obsidian-releases#2097 (comment)

Auto-pair braces, brackets, and parenthesis

Add a setting to enable auto-pairing braces, brackets, and parenthesis in a CSS file.

Should be enabled by default.

[Minor Issue] Wrong tab title

The filename in the tab title lags.

Environment

• Obsidian iPad
• Minimal theme

Steps to reproduce

1. After opening the first .css file upon starting Obsidian, the tab title just says New Tab instead of the file name.

2. After that if I open another .css file within the same tab window, the tab title now shows the name of the previously opened file -

As you can see in the image above, I opened Blockquote Style.css first and then opened Combined emphasis-pink.css next, and yet the tab title in the spine shows the previous file's name.
But the filename in the top-center part of the window (where the filepath usually appears) shows the current filename accurately

Expected outcome

It's supposed to show the current filename.

[FR] Support for the VIM Key Bindings / Mode -- Escape Key Inconsistency and Support of the Vimrc Plugin

My comment regarding [FR] Support for the VIM Key Bindings / Mode #8 (comment):

For an initial release, it works well -- thank you so much!

I have noticed the following:

• The ESCAPE key exits the insert mode when your work only with one tab containing the CSS snippet. Otherwise, it switches to the left (main target) or the right tab (if the left one does not exist) instead. Returning to the snippet tab results in being back to the normal mode. Can you improve the user experience?

• The Vimrc Support plugin is not supported. I.e., my personal key bindings are not recognised. It is not a dealbreaker, but it would be fantastic if you could "fine-tune" the user experience here too.

To state it again: A great first implementation!

Add language support

• Syntax highlighting
• Auto-completion
• Tab to indent

[Feature request] Open editor in new tab/pane

Hi, I want to say thank you for making this great plugin. This is exactly what I've been looking for.

It would be great if we could open the CSS editor in a new pane/tab/window when running the command Editor CSS snippet.

One way would be something like: if we open the command pallette, type Editor CSS snippet and Press Cmd + Enter (on Mac), then a new tab opens.
But I'm not sure we have this kind of control over commands. (Probably addCommand doesn't accept such key event handling, I guess)

Another option is to make a new settings item "Open editor in". I mean something like this:

new Setting(this.containerEl).addDropdown((cb) => {
    cb.addOptions(...['New tab', 'New window', 'Split right', 'Split down'])
        .onChange( ... )
}):

Unable to install via BRAT on Obsidian Mobile

I was trying to install this on my iPad via BRAT but it shows this error:

Look at the top right corner

[FR] Support for the VIM Key Bindings / Mode

I use the VIM mode (VIM) on my laptop and iPad with a physical keyboard. It is such a godsend.

Unfortunately, CssE does not support VIM. It is so strange to switch back to the old ways of editing a file / note.

Do you have plans to add this functionality? It would be awesome!

Add comment keyboard shortcut

Add a keyboard shortcut for commenting in a CSS file.

Default to Meta + /, but allow it to be customizable if possible.