Rich Text Editor

pending

by Simon Tysland

A rich text markdown editor based on MDXEditor.

★ 7 starsUpdated 1mo agoMITDiscovered via Obsidian Unofficial Plugins
View on GitHub

Obsidian Rich Text Editor

A seamless, rich-text writing experience for Obsidian. Built for users who want the power of Markdown without the visual clutter of raw syntax. The plugin is using a customized version of MDXEditor.

image image

Why this exists?

I made this because editing text quickly on a phone became very cumbersome. For example, trying to delete a checklist item, forces you to delete all the symbols for that item (- [ ]). With MDXEditor, that just takes a backspace. And I thought, how hard can it be to implement that into obsidian. It's just html right? Well, it took a bit to make it work nice with obsidian and to mimic everything to make it feel and look like obsidian. But I feel it works quite well for what it is.

While I do like the control you get from the regular WYSIWYG editor of obsidian, it makes it quite a hassle when trying to edit text quickly. Luckily changing between the editor is just one click away!

Key Features

  • Code-Free Editing: No more looking at code when writing text. Edit them visually, just like a modern word processor.
  • Obsidian Integration: Integrated seamlessly with Obsidian's native UI and workflows.
  • Obsidian look and feel: I tried to replicate the look of obsidian as much as I can, so the workflow is as familiar as possible.
  • Mobile support: With toolbar just over your keyboard, just what you are used to.

How to Use

image
  1. Open any Markdown file.
  2. Switch between obsidians markdown editor and rich text editor:
    1. Click the candy icon in the toolbar
    2. Use the Rich text editor: Toggle Mode command

Installation

Install the plugin via Community Plugins in obsidian. or manually download from the releases page and extract into a plugins in your vault.

Going forward

My plan was to just make it easier for me to use my phone with obsidian with my workflows. And I feel the plugin is in a state where it has what I need. But it means that it might be lacking some things that you want. I would very much appreciate forks and contributions if you would like to see new features in the plugin.

License

MIT License. Feel free to use and contribute!

Thanks to

MDXEditor https://mdxeditor.dev/

Development notes

If you decide to play with the project, there are a lot of useeffects and custom functions made to make the plugin behave nicely with obsidian. Also the styles.css (the .css file obsidian loads) is automatically generated from merging mdxeditor.css and view.css together.

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.