Title: Jamie's Visual HTML Editor
Author: jamiemarsland
Published: <strong>23 Ιουνίου  2026</strong>
Last modified: 1 Ιουλίου  2026

---

Αναζήτηση πρόσθετων

![](https://ps.w.org/jamies-visual-html-editor/assets/icon-256x256.png?rev=3583456)

# Jamie's Visual HTML Editor

 Από [jamiemarsland](https://profiles.wordpress.org/jamiemarsland/)

[Λήψη](https://downloads.wordpress.org/plugin/jamies-visual-html-editor.0.4.zip)

[Live Preview](https://el.wordpress.org/plugins/jamies-visual-html-editor/?preview=1)

 * [Λεπτομέρειες](https://el.wordpress.org/plugins/jamies-visual-html-editor/#description)
 * [Κριτικές](https://el.wordpress.org/plugins/jamies-visual-html-editor/#reviews)
 *  [Εγκατάσταση](https://el.wordpress.org/plugins/jamies-visual-html-editor/#installation)
 * [Ανάπτυξη](https://el.wordpress.org/plugins/jamies-visual-html-editor/#developers)

 [Υποστήριξη](https://wordpress.org/support/plugin/jamies-visual-html-editor/)

## Περιγραφή

Jamie’s Visual HTML Editor enhances the core Custom HTML block so you can paste 
in any HTML and let editors change the copy and images without touching the markup.

 * **Edit content** — render the HTML live and click any heading, paragraph, list
   item, link, or button to edit its text in place. Click any `<img>` to replace
   it from the Media Library, change its URL, or edit its alt text. Add `data-vc-
   bg` and an inline `background-image` on hero sections to make backgrounds editable
   too.
 * **Edit code** — the normal raw-HTML view for pasting or writing markup.
 * **Wide and Full width** — adds Wide and Full alignment options to the Custom 
   HTML block. It does not change the block’s content width; it only lets you choose
   Wide or Full alignment so full-bleed sections can break out of the theme’s content
   area.

Content is stored as a native Custom HTML block, so revisions and saving work exactly
as they do in core. The plugin only changes how the block is edited and aligned.

This plugin is open source. See the Development section below for the full human-
readable source code and build instructions.

### Development

This plugin is open source (GPL-2.0-or-later). The complete, human-readable source
code — including the un-minified JavaScript in `src/` and the build configuration—
is publicly available at:

https://github.com/jamiemarsland/jamies-visual-html-editor

The compiled files in `build/` are generated with [@wordpress/scripts](https://www.npmjs.com/package/@wordpress/scripts):

    ```
    npm install
    npm run build
    ```

No third-party libraries are bundled; the plugin relies only on the WordPress-provided
editor packages (`@wordpress/*`).

## Στιγμιότυπα

[⌊The block toolbar in "Edit content" mode — click any text or image to edit it 
in place.⌉⌊The block toolbar in "Edit content" mode — click any text or image to
edit it in place.⌉[

The block toolbar in “Edit content” mode — click any text or image to edit it in
place.

[⌊Clicking an image opens the replace modal: choose from the Media Library, paste
a URL, or update alt text.⌉⌊Clicking an image opens the replace modal: choose from
the Media Library, paste a URL, or update alt text.⌉[

Clicking an image opens the replace modal: choose from the Media Library, paste 
a URL, or update alt text.

[⌊Wide and Full width alignment options in the block toolbar for full-bleed sections.⌉⌊
Wide and Full width alignment options in the block toolbar for full-bleed sections
.⌉[

Wide and Full width alignment options in the block toolbar for full-bleed sections.

## Εγκατάσταση

 1. Upload the `jamies-visual-html-editor` folder to the `/wp-content/plugins/` directory,
    or install the plugin through the Plugins screen in WordPress.
 2. Activate the plugin through the Plugins screen.
 3. Add or select a Custom HTML block in the block editor and use the “Edit content”/“
    Edit code” toolbar buttons. Use the alignment control for Wide or Full width.

## Συχνές Ερωτήσεις

### Which blocks does this affect?

It enhances the core Custom HTML block (`core/html`). Other blocks are unchanged.

### Will it change my saved HTML?

The block is still stored as a standard Custom HTML block. Editing text updates 
the words; editing an image updates its `src` and `alt` attributes. Structure, classes,
and styles stay unchanged. Switch to “Edit code” to see the raw markup.

### Can I replace images?

Yes. In “Edit content” mode, click an image to open a modal where you can choose
a replacement from the Media Library, paste an external URL, or edit the alt text.

### Can I replace hero background images?

Yes. In “Edit content” mode, hover a hero section whose background is set inline
or in a `<style>` block inside the HTML, then click **Edit background**. You can
also tag any element with `data-vc-bg` and an inline `background-image`. Gradients
layered with a photo are supported — only the photo URL is swapped.

### Why isn’t my section full width?

Set the block’s alignment to Full width using the block toolbar. The block must 
be a direct child of the content area for the theme’s layout to break it out.

## Κριτικές

![](https://secure.gravatar.com/avatar/8e8642424e921b86acbe22afae12f824cf1f1722ff1aaa47cecf97966647a17d?
s=60&d=retro&r=g)

### 󠀁[Great Plugin](https://wordpress.org/support/topic/great-plugin-41609/)󠁿

 [Elliot Sowersby / RelyWP](https://profiles.wordpress.org/elliotvs/) 30 Ιουνίου
2026

Great plugin, Jamie! Thought I’d give it a try on a new website I’ve been building
which has a few custom HTML blocks. Works really well. 👍

![](https://secure.gravatar.com/avatar/46dd1890eae7a8b02025c1b6022da14f5503e0e26a52651159c2580752cbd0f3?
s=60&d=retro&r=g)

### 󠀁[Simply fantastic.](https://wordpress.org/support/topic/simply-fantastic-66/)󠁿

 [Edson Vieira Demetrio](https://profiles.wordpress.org/edsonvieirademetrio/) 29
Ιουνίου 2026

I had been dreaming of a plugin with this functionality for years, congratulations,
my friend!

![](https://secure.gravatar.com/avatar/46a42569592f5290eacac9113560abcf5011c7fe085f496fe766e21a32c13169?
s=60&d=retro&r=g)

### 󠀁[A product from legend](https://wordpress.org/support/topic/a-product-from-legend/)󠁿

 [Muhammad Abdullah](https://profiles.wordpress.org/funorang/) 25 Ιουνίου 2026

Amazing plugin by the unstoppable creative guy. I love the plugin. The overall experience
its just hats-off.

![](https://secure.gravatar.com/avatar/acf6b4c312f71898a226afb6fb39ad3cb48f0679157d6a998e6b00c82500fb70?
s=60&d=retro&r=g)

### 󠀁[Improves my Productivity](https://wordpress.org/support/topic/improves-my-productivity/)󠁿

 [Mohan](https://profiles.wordpress.org/mohanblogger/) 25 Ιουνίου 2026

The plugin is a great advancement for WordPress. It helps us easily edit the AI-
generated content blocks on the go!

 [ Ανάγνωση όλων των 4 κριτικών ](https://wordpress.org/support/plugin/jamies-visual-html-editor/reviews/)

## Συνεισφέροντες & Προγραμματιστές

“Jamie's Visual HTML Editor” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν 
συνεισφέρει στη δημιουργία του.

Συντελεστές

 *   [ jamiemarsland ](https://profiles.wordpress.org/jamiemarsland/)

[Μεταφράστε το “Jamie's Visual HTML Editor” στην γλώσσα σας.](https://translate.wordpress.org/projects/wp-plugins/jamies-visual-html-editor)

### Ενδιαφέρεστε για την ανάπτυξη;

[Περιηγηθείτε στον κώδικα](https://plugins.trac.wordpress.org/browser/jamies-visual-html-editor/),
ανατρέξτε στο [αποθετήριο SVN](https://plugins.svn.wordpress.org/jamies-visual-html-editor/)
ή εγγραφείτε στο [αρχείο καταγραφής αλλαγών ανάπτυξης](https://plugins.trac.wordpress.org/log/jamies-visual-html-editor/)
μέσω [RSS](https://plugins.trac.wordpress.org/log/jamies-visual-html-editor/?limit=100&mode=stop_on_copy&format=rss).

## Σύνοψη αλλαγών

#### 0.4

 * Added a live demo preview (WordPress Playground blueprint).

#### 0.3

 * Fixed: the Wide/Full alignment control now appears in the Custom HTML block toolbar(
   it was previously hidden because the custom editor replaced the block’s default
   controls).
 * Wide/Full alignment selection is now stored reliably via a registered `align`
   attribute.
 * Added a plugin icon.

#### 0.2

 * Clarified in the description that the plugin adds Wide and Full alignment options
   and does not change the block’s content width.

#### 0.1

 * Initial release.
 * Custom HTML block: click-to-edit text, plus image, link, and background editing
   with an “Edit content” / “Edit code” toggle.
 * Custom HTML block: Wide and Full width alignment support, applied on the front
   end.

## Μεταστοιχεία

 *  Version **0.4**
 *  Τελευταία ενημέρωση: **πριν από 7 ημέρες**
 *  Ενεργές εγκαταστάσεις: **10+**
 *  Έκδοση WordPress: ** 6.4 ή νεότερη **
 *  Δοκιμασμένο μέχρι: **7.0**
 *  Έκδοση PHP: ** 7.4 ή νεότερη **
 *  Language
 * [English (US)](https://wordpress.org/plugins/jamies-visual-html-editor/)
 * Ετικέτες:
 * [block-editor](https://el.wordpress.org/plugins/tags/block-editor/)[custom html](https://el.wordpress.org/plugins/tags/custom-html/)
   [full-width](https://el.wordpress.org/plugins/tags/full-width/)[images](https://el.wordpress.org/plugins/tags/images/)
   [inline editing](https://el.wordpress.org/plugins/tags/inline-editing/)
 *  [Σύνθετη Προβολή](https://el.wordpress.org/plugins/jamies-visual-html-editor/advanced/)

## Αξιολογήσεις

 5 out of 5 stars.

 *  [  4 5-star reviews     ](https://wordpress.org/support/plugin/jamies-visual-html-editor/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/jamies-visual-html-editor/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/jamies-visual-html-editor/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/jamies-visual-html-editor/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/jamies-visual-html-editor/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/jamies-visual-html-editor/reviews/#new-post)

[Δείτε όλες τις κριτικές](https://wordpress.org/support/plugin/jamies-visual-html-editor/reviews/)

## Συντελεστές

 *   [ jamiemarsland ](https://profiles.wordpress.org/jamiemarsland/)

## Υποστήριξη

Έχετε κάτι να πείτε; Χρειάζεστε βοήθεια;

 [Φόρουμ υποστήριξης](https://wordpress.org/support/plugin/jamies-visual-html-editor/)