Re{code} Front HTML Editor
Frontend HTML editor for WordPress — edit post_content directly on the page and preview changes instantly without a page reload.
Consider an alternative
Re{code} Front HTML Editor shows warning signs in 2026 — compare the alternatives below before installing. Was last updated 7 months ago, and scores 36/100 on our health check.
- Small user base (<10 active installs)
- Very few reviews so far
- Only tested up to WordPress 6.9 (latest is 7.1)
How does it stack up?
Side-by-side on installs, updates, ratings & support
Daily downloads
Download spikes usually follow a new release — each site that auto-updates counts as a download.
Rankings
Where Re{code} Front HTML Editor stands todayWordPress.org search rankings
Live position in the plugin search, top 100| Keyword | Position |
|---|---|
| Content editor | >100 |
| frontend editor | >100 |
| html-editor | >100 |
| inline editor | >100 |
| post editor | >100 |
About Re{code} Front HTML Editor
From the official readme · v3.6.9Description
Re{code} Front HTML Editor adds a fixed toolbar to the frontend of your WordPress site (visible only to users who can edit the current post). Click Edit, modify the HTML directly in the editor, then hit Save & Preview — the page updates in place with no reload required.
Features
- Live on-page editing — no page reload, no switching to the backend
- Lightweight plain textarea editor — no external dependencies, works everywhere
- Format toolbar — Bold, Italic, Strikethrough, Highlight, Inline code, H2, H3, Paragraph, Blockquote, UL, OL, Insert link, Insert image
- Keyboard shortcuts — Ctrl+E (open/close), Ctrl+S (save), Escape (cancel), Ctrl+B/I/K
- Custom Snippets — save any HTML block as a toolbar button; use {|} to mark where the cursor lands after inserting
- Element Picker — click any element on the page to discover its CSS selector, navigate ancestor breadcrumbs, and copy it to Settings
- Dark and Light themes configurable in Settings → Front HTML Editor
- Configurable content selector — choose from popular theme defaults or enter any custom CSS selector
- Secure — nonce-verified AJAX,
edit_postcapability check per-post, content sanitized withwp_kses_post - Works with Twenty* themes, Astra, GeneratePress, Kadence, Divi, OceanWP, Flatsome, and most other themes
How It Works
- Visit any post or page on the frontend while logged in as an editor or administrator
- The ✏️ HTML Editor toolbar appears at the top of the page
- Click Edit — the plugin loads the raw
post_contentfrom the database into the editor - Edit the HTML, use the format toolbar or keyboard shortcuts
- Click 💾 Save & Preview — your changes are saved and the page content updates instantly
- Use 🎯 Pick element if the editor can’t find the content area — click any block to get its CSS selector
Custom Snippets
Go to Settings → Front HTML Editor → Custom Snippets to add reusable HTML blocks.
Each snippet gets its own button in the editor toolbar.
Use {|} in the HTML code to control where the cursor appears after the snippet is inserted.
Example:
<div class="see-also-block"><div class="see-also-title">See also:</div><ul><li><a href="{|}"></a></li></ul></div>
Security
- AJAX requests are nonce-verified
- Every action checks
current_user_can('edit_post', $post_id)for the specific post - Saved content passes through
wp_kses_post - The toolbar is never rendered for unauthenticated users or users without edit rights for the current post
Installation
- Upload the
recode-front-html-editorfolder to the/wp-content/plugins/directory - Activate the plugin through the Plugins menu in WordPress — you will be redirected to Settings automatically
- Configure the content selector and editor theme
- Visit any post or page on the frontend — the toolbar will appear for users with edit rights
Frequently asked questions
The editor doesn’t find the content area on my theme. What do I do?
Use the 🎯 Pick element button in the toolbar, click on your content area, then copy the selector to Settings → Front HTML Editor → Custom selector.
Which user roles can see the editor toolbar?
Any user who has the edit_post capability for the currently viewed post. This typically includes Editors and Administrators, and Authors for their own posts.
Can I use this with the block editor (Gutenberg)?
Yes. The plugin edits the raw post_content stored in the database. For classic posts this is regular HTML. For Gutenberg posts this is HTML with block comments — you can edit it, but be careful not to break block markup. For block-based themes, use .wp-block-post-content as the selector.
Does this work on archive pages, home pages, or WooCommerce pages?
No — the editor only activates on singular posts and pages (is_singular()).
Changelog
CodeMirror replaced with plain textarea — lighter, faster, no external dependencies. All other features preserved.
3.6.9
- Added: redirect to Settings page on plugin activation
- Added: Settings link in the Plugins list
- Fixed: Ctrl+S now prevents browser “Save Page” dialog when editor is focused
3.6.8
- Changed: CodeMirror replaced with a plain textarea — no external dependencies, lighter and faster
- Removed: Code/Plain toggle button — single editor mode only
- Improved: snippet cursor positioning now fully reliable
3.6.0
- Changed: CodeMirror loaded from WordPress core instead of CDN — no remote files
- Added: Plain textarea toggle mode
- Added: Custom dark/light color themes
3.5.2
- Fixed: CodeMirror and snippet JS assets now loaded via proper wp_enqueue functions (WordPress.org requirement)
3.5.1
- Fixed: removed load_plugin_textdomain() — WordPress 4.6+ loads translations automatically
- Fixed: escaped output in field_editor_theme() to satisfy Plugin Check requirements
- Updated: Tested up to WordPress 6.9
3.5.0
- Added: Custom Snippets — add any HTML block as a toolbar button via Settings
- Added: {|} cursor marker — controls where the cursor lands after snippet insert
- Added: Snippet Tips card in Settings sidebar with usage example
- Added: Distinct visual style for snippet buttons in the editor toolbar (amber color)
- Changed: Format toolbar HTML now built dynamically to support variable number of snippet buttons
For developers
Is this your plugin? Show off the numbers.
Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.
Best Re{code} Front HTML Editor alternatives
All Content editor plugins →
FAQ
Re{code} Front HTML Editor: quick answers
Straight answers, pulled from live WordPress.org data.
Live data from WordPress.org · checked Sep 29, 2026
Is Re{code} Front HTML Editor free?
Yes. Re{code} Front HTML Editor is free to download and use from the official WordPress.org plugin directory.
Is Re{code} Front HTML Editor safe to use in 2026?
Re{code} Front HTML Editor shows warning signs in 2026 — compare the alternatives below before installing. Was last updated 7 months ago, and scores 36/100 on our health check.
How many websites use Re{code} Front HTML Editor?
Re{code} Front HTML Editor is active on <10 WordPress websites and has been downloaded 416 times since it launched in March 2026. It was downloaded 45 times in the last 30 days.
Does Re{code} Front HTML Editor work with WordPress 7.1?
Re{code} Front HTML Editor is officially tested up to WordPress 6.9.9, while the latest release is 7.1.2. It may still work, but try it on a staging site first.
What PHP version does Re{code} Front HTML Editor need?
Re{code} Front HTML Editor requires PHP 7.4 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.
When was Re{code} Front HTML Editor last updated?
The latest version, 3.6.9, was released on March 18, 2026 (7 months ago).
Who makes Re{code} Front HTML Editor?
Re{code} Front HTML Editor is developed and maintained by re{code}commerce.
What are the best alternatives to Re{code} Front HTML Editor?
The most popular alternatives to Re{code} Front HTML Editor are Display Kitchen Sink by Def… (70+ installs), Create Own ShortCode (10+ installs) and Movable Content Editor (10+ installs).
Powered by PageForge
Want thousands of pages that rank like these? Build them in an afternoon.
This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.
- CSV, Google Sheets & API data sources
- AI content, schema & internal links per page
- Works with Elementor, Gutenberg, Yoast & Rank Math
- Free on WordPress.org — no credit card
