Better Edit — a multi-feature editing toolbox for Obsidian: rich image arrangement, block drag and drop, slash commands, and more

Disclaimer

Is this project open source? Yes
Is this project completely free? Yes
Is this project vibe-coded beyond the author’s ability to comprehend how it works? No
Community Directory: Link


Hi, I am Toby. I started using Obsidian because I love the fact that I can customize it to whatever I like. I stared use it as my main note taking app, but I felt a lot of frictions editing my notes, including creating a checkbox, moving lines around, and more importantly the image resizing and arrangement.

So I created Better Edit, that includes:

  1. Image Arrangement: resize, crop, alignment, image rows (with css flexbox), etc
  2. Block drag and drop: should work as you might expect. Clicking the handle shows options to delete, create copy, and turn into
  3. Slash commands: customizable commands, including inserting a template or execute an registered command
  4. Text styling: should just work as you might expect
  5. Emoji/symbol picker : should just work as you might expect

Note that the image feature is achieved by pure html/css. This means that your image edits stays even without the plugin turned on. Better Edit only help editing, it does not touch rendering. The html/css will be fully portable, to platforms that can render them. Note that some platforms like GitHub disable inline css fully, so the rendering does not work.

Some demos

Image edit and alignments

Image row with css flexbox

Customizable slash command

Blocks drag and drop

More Disclaimer

Just a disclaimer that AI tools are involved in the development. I do have JavaScript and frontend/backend backgrounds and have reviewed the codebase. I did spend a lot to time polishing all details but never felt enough, so I figure it’s a good idea to share this plugin with others and collect some feedbacks. I know adding all 5 features altogether is kind of ambitious. Any feedback or advices are welcome!

Thank you for you attention!

Toby Chen

3 Likes

Just wow ! I’m not a mouse guy but I could use this.

1 Like