Front-end Editor for WordPress

Features

• Draft and edit posts.
• Autosaves. Just publish when you’re done.
• Contextual tools. Bold, italic, strikethrough, link, headings, lists and blockquote.
• Add media with the WordPress media library.
• Handy shortcuts for lists (*, – or 1.), blockquote (>) and horizontal rule (—).
• Automatically embed media from this list. Just paste the URL.
• You can also link text by just pasting the URL over it.
• Add a featured image, if your theme supports it.

Configure and extend

This plugin is designed to be “plug and play”, but also configurable and extensible.

Toolbars and buttons

You can add more buttons to any of the toolbars with the following filters:

• fee_toolbar_caret for the caret,
• fee_toolbar_inline for normal selections,
• fee_toolbar_block for block selections.

E.g.

add_filter('fee_toolbar_inline', function($buttons){
  return array_merge($buttons, array('subscript'));
});

You may need to provide extra CSS and JS. See the Codex page and TinyMCE docs for more information about adding toolbar buttons with TinyMCE.

Linking to the editor

You can link to the editor from anywhere on the website with the normal edit link to the admin, and it will be picked up by the plugin. Use edit_post_link or similar.

Custom Post Types Support

add_post_type_support( 'page', 'front-end-editor' );

Please make sure you also support the REST API.

Disable

If you’d like to disable the editor for certain posts, you can use the supports_fee filter.

// Disable for the post with ID 1.
add_filter('supports_fee', function($supports, $post) {
  return $post->ID !== 1;
}, 10, 2);