Better Editor

Inline post editor inspired by the simplicity of Medium.com editor

This plugin will make every post editable from the front-end and disable the defalt Gutenberg Editor.

FRONT-END DEMO

How to use the editor

  • Click on the “Edit” button thats added bellow each post/page
  • Select any line to toggle the options toolbar
  • Click “Save” to update and “Cancel” to discard the changes

Gutenberg Editor

If you want to enable/disable the Gutenberg Editor you can do so by going to Settings > Better Editor

Inline front-end editor that allows quick content changes without having to go to the edit screen and saves changes in the database with ajax.

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution

Credits

Yabwe Medium Editor by Davi Ferreira
Disable Gutenberg by Ravi Makwana

FROM WP ADMIN: Install from the WordPress.org respository by going to Plugins > Add New and search for Medium Editor. Install & Activate.
BY UPLOADING: Upload and extract the zip file and just drop the contents in the wp-content/plugins/ directory of your WordPress installation and then activate the Plugin from Plugins page.

How to edit posts?

Below each post/page there is a “Edit” button added. When you click on this button you will be able to edit the text area for the selected post.

Any Settings?

Yes, in v1.2 we’ve added the settings page under Settings > Better Editor
From there you can enable/disable the Gutenberg Editor

Can I change the toolbar design?

Only if you are familliar with css. 🙂

I want more!

We’re considering adding Image Upload, Buttons, Lists, Embed, Tables and Custom HTML to the toolbar. Let us know in the comments which one would you like us add first.

Which browsers are supported?

Medium Editor requires modern browsers to work properly.
Currently supports Chrome, Firefox, Safari, IE and Edge

1.0.0
Initial

1.0.1
* Fixed issues with the Avada theme’s H1 tag
* Added options to disable the Gutenberg Editor
* Settings page introduced

  1. Front-end Editor in action

    Front-end Editor in action

  2. Disable Gutenberg Editor

    Disable Gutenberg Editor