YEEditor - Original Editor for Joomla CMS

YEEditor is not just another TinyMCE clone or a repainted JCE Editor. It is a fundamentally different approach to content creation in Joomla. If you are used to building pages through HTML code and dread the moment a client calls asking "how do I change this image?" — I have good news. Normally, building and formatting a page in a traditional editor takes between 30 and 120 minutes. With YEEditor, it takes less than three minutes. I am serious. Three minutes. And I am not talking about a "Hello, world" page — I mean a full landing page with a grid, columns, buttons, and testimonials.

+

\u{201c}

We built YEEditor because we got tired of explaining the difference between a

and a

tag to clients. Now they do not need to know code at all.

Let us be clear about what YEEditor actually is. It is positioned as a visual editor with drag-and-drop functionality. This is not WYSIWYG in the classic sense, where you format text inside a grey window with a toolbar. Here, you drag pre-built blocks — widgets, columns, galleries — and assemble a page like a building kit. Sounds like a dream for any developer tired of layout revisions? Exactly.

What YEEditor Is and Why It Differs From Other Joomla Editors

The Joomla editor market is dominated by three players: JCE Editor, TinyMCE, and ARK Editor. Each has its strengths and loyal users. But they all share one trait: they work with HTML markup directly. You format text, insert images, maybe use pre-built snippets, but fundamentally you edit HTML code. YEEditor operates at the block and widget level. It is like comparing a word processor to a layout program: Word and InDesign solve different problems, even though both create documents.

The key difference between YEEditor and JCE Editor or TinyMCE is that it is built on Bootstrap — a framework originally designed for responsive layout. Your pages automatically become responsive without a single line of media queries. You do not need to write CSS for mobile versions — Bootstrap handles it for you. And yes, this is the same Bootstrap that was developed at Twitter.

Who Needs YEEditor and Who Definitely Does Not

Let us be brutally honest. YEEditor is a tool for specific tasks and specific people. Here is the breakdown:

Comparing YEEditor With JCE Editor, TinyMCE, and ARK Editor

When I first showed YEEditor to a colleague who has used JCE Editor for eight years and considers it the gold standard, he first thought I was joking — then moved two client projects to YEEditor within a week. Why? Because he stopped getting calls like "everything shifted" after a client tried to insert an image into a column. Let us compare all four editors in a table — honestly, without marketing fluff.

What I genuinely like about YEEditor is the absence of having to explain to a client what a Bootstrap column is and why a Bootstrap div container cannot simply be deleted. In YEEditor, the client sees the grid visually: want to add a column — drag a block, want to swap positions — drag somewhere else. That is it.

ARK Editor, by the way, also tries to simplify things — it is appealing with its inline editing. But it has a different problem: it heavily depends on the site template. If the template is poorly built or uses non-standard styles, inline editing becomes a lottery: buttons show the wrong color, margins break unpredictably. YEEditor uses Bootstrap, which lives inside the editor itself and does not depend on the frontend Joomla template.

The Template System: Set Up Once, Use Forever

This is probably the main feature worth switching to YEEditor for. Page templates let you create a base structure once, save it, and reuse it dozens and hundreds of times for similar pages. The client only needs to fill in the content — like a site builder such as Tilda or Wix, but inside Joomla.

+

Let us walk through a real case. You run a Joomla e-commerce store and launch a new promotion every week. Without YEEditor, the process looks like this:

1. Open JCE Editor — familiar interface.
2. Create an HTML table for promotional products — 20 minutes.
3. Add images, prices, "Buy" buttons — another 15 minutes.
4. Check mobile display, make corrections — another 10 minutes.
5. Total: at least 45 minutes per promotion.

With YEEditor:

1. Select the saved "Weekly Promotion" template — 30 seconds.
2. Replace images and prices by dragging — 2 minutes.
3. Everything is responsive out of the box — 0 minutes for mobile checks.
4. Total: under three minutes.

And that is just promotions. Multiply by the number of standardized pages you create — and the savings become tangible not only in time but in money too.

Templates in YEEditor are not just an HTML snippet you paste from the clipboard. They are a full hierarchical structure of Bootstrap blocks: rows, columns, widgets. You can change block order, add a new row, remove unnecessary columns at any time — all visually, without digging through HTML.

Widgets: Content Without Pain

The YEEditor widgets deserve a separate discussion. These are ready-made content blocks that you drag onto a page and configure through a visual interface. The standard package includes:

• Image gallery — Bootstrap carousel with configurable column count and slide interval.
• Buttons — with icons, sizes, and colors from the Bootstrap palette.
• Icon blocks — for lists of advantages, services, and similar content.
• Tabs and accordions — Bootstrap components that work without JavaScript dependencies.
• Testimonial blocks — with avatars, star ratings, and quotes.
• Google Maps — map insertion via a block.
• YouTube and Vimeo video — responsive embeds.

+

An important nuance: all widgets use native Bootstrap styles. This means they look consistent with each other and do not conflict with your template styles. There are no situations like "the gallery shifted after a theme update." Bootstrap is isolated within the content.

For comparison: in JCE Editor, you insert a gallery through a third-party plugin that loads its own CSS and JS. In TinyMCE — same story. Then you wonder why the gallery displays incorrectly after a template update. YEEditor solves this problem architecturally.

How YEEditor Works With Bootstrap Under the Hood

Many people have heard that YEEditor is "built on Bootstrap," but not everyone understands what that means in practice. Let me break it down.

Bootstrap is a CSS framework that divides the page into 12 columns. You say "this block takes 8 columns, and this one takes 4" — and you get a two-column layout. On mobile, these columns automatically stack on top of each other. No magic, just pure math.

YEEditor turns these 12 columns into a visual interface. You drag blocks, change their width with a slider, add margins — and behind all of this lies the generation of correct Bootstrap code:

You do not see or write this code. But it is generated. And generated correctly — taking into account the grid, breakpoints, and responsiveness. This is not the situation where a visual editor outputs <br><br><br> instead of margins.

3 Minutes vs 30-120 Minutes: Where the Difference Comes From

The "3 minutes versus 30-120 minutes" figure sounds like a marketing slogan, but let us break it down into components. Here is the time breakdown for creating a typical landing page (headline, three-column advantages, gallery, contact form) in different editors:

TinyMCE / JCE Editor:

• Creating the HTML structure manually — 10-15 minutes.
• Adding and positioning images — 5-10 minutes.
• Writing CSS for responsiveness — 10-20 minutes (if you know how; otherwise the page is not responsive).
• Checking on mobile, making corrections — 5-10 minutes.
• Total: 30-55 minutes with layout skills, up to 120 minutes without.

YEEditor:

• Selecting a template — 10 seconds.
• Dragging advantage blocks into 3 columns — 30 seconds.
• Replacing images and text — 1 minute.
• Adding a gallery and form — 30 seconds.
• Publishing (responsiveness already works) — 10 seconds.
• Total: about 2.5 minutes.

\u{201c}

We used to bill clients 3-5 hours of developer time for creating a landing page. Now it takes 15 minutes of a content manager's time. You can calculate the profit difference yourself.

The key word here is "content manager." Not a layout developer, not a frontend engineer, not a freelancer with a $30 hourly rate. An ordinary employee who knows how to use a mouse and understands what text should be on the page. That is where the real savings are.

Installing YEEditor on Joomla

Installation is standard for any Joomla extension, but there are a couple of things worth knowing beforehand.

Go to the Joomla admin panel: Extensions → Extension Manager → Install. Upload the YEEditor ZIP archive. After installation, the editor appears in the list of available editors in Joomla settings.

Now the important step: System → Global Configuration → Site tab → "Default Editor" field. Select YEEditor. Done — now every new Joomla article will open in YEEditor.

YEEditor Pros and Cons: An Honest Review

No tool is perfect. YEEditor is no exception. Here is what I like and what drives me crazy after a year of use:

Pros

• Page creation speed. It is not an exaggeration — pages truly assemble in minutes.
• Zero entry barrier for clients. If a client can use PowerPoint, they can handle YEEditor.
• Responsive design out of the box. Bootstrap does its job — mobile version works without extra effort.
• Templates. Set up once and forget about routine — this really works.
• Consistency. All pages look uniform, which is critical for corporate websites.

Cons

• Cost. It is not a free editor. But the price is justified if you create more than 5 pages per month.
• Bootstrap lock-in. If your design strays far from Bootstrap aesthetics, you will either have to accept it or customize.
• Not for text articles. Overkill for a blog — easier to write in JCE Editor.
• Developer dependency. If the extension stops being updated, your pages will be tied to its architecture.
• Limited widget customization. Changing a button color is easy — creating your own widget with unique logic is harder.

Architectural Limitations and How to Live With Them

YEEditor generates HTML with Bootstrap classes. If you decide to abandon the editor, all content created through it will retain these classes. This is not critical — Bootstrap can be loaded separately even if the editor is removed. But it is important to understand: you are making an architectural decision. Not for a month, not for a project — for the entire content lifecycle.

With JCE Editor and TinyMCE, there is no such dependency: content is just HTML with basic tags, and styling depends entirely on the site template. This is a more flexible approach in the long term. YEEditor chooses a different path: "better to work well now than abstractly — sometime later." And for most commercial projects, this approach is justified.

Frequently Asked Questions About YEEditor