Skip to main content

Joomla tutorials for beginners

How to use Joomla text editors?

In this tutorial I will describe how to use text Joomla editor. I will also show you how to change them globally and for a specific user.

My sample article looks like that:

How to use Joomla text editors?

Now let's check how it looks in different text editors.

None Joomla Editor

As you can see, thanks to this option, you will get a quite simple text editor appearance. This is a clean HTML code and there are no user-friendly features.

None Joomla Editor

Code Mirror Joomla Editor

Here we can see a significant difference. Though it displays clean HTML code too, we have the syntax coloring and you can easily notice mistakes when writing a code.

TinyMCE Joomla Editor

This editor is much more user-friendly than the previous ones. It is a WYSIWYG editor, which means that you see the article in the editor in the same way as it will appear on your website. The editor toolbar include some basic and most popular tools. We recommend this editor to all users starting their adventure with Joomla.

TinyMCE Joomla Editor

To give the appearance of HTML code, press the button marked below.

How to use Joomla text editors?

As you can see, this HTML editor does not have the syntax coloring.

How to use Joomla text editors?

JCE Joomla Editor

JCE is one of the most popular text editors for Joomla. This is also a WYSIWYG editor.

This is an external, not built-in Joomla editor! You can download the extension here.

How to use Joomla text editors?

After pressing the "source code" button, you will see a HTML editor.

JCE Joomla Editor

The HTML editor has the syntax coloring.

How to use Joomla text editors?

Joomla editor plugins

To be able to use editors, you need to make sure the plugins are enabled.

In the back-end of your site go to Extensions -> Plugins:

Joomla editor plugins

From the "types" dropdown choose "editors" (2), then check all editors plugins (3) and click on the "Enable" button (4):

Joomla editor

How to extend functionality of the editor?

Let's take the CodeMirror as example.

In the back-end of your site go to Extensions -> Plugins -> Editor - CodeMirror:

How to use Joomla text editors?

How to use Joomla text editors?

You can on/off features to suit your needs.

How to extend functionality of the editor?

You can go to the other editors plugins and check their features.

How to set default Joomla editor?

In the back-end of your site go to System -> Global Configuration and select the "Default Editor" (1). Click on the "Save & Close" button (2):

default Joomla editor

How to change a Joomla editor for a specific user?

In the back-end of your site go to Users -> Manage:

How to change a Joomla editor for a specific user?

Choose a user from the list:

How to use Joomla text editors?

On the "Basic Settings" tab (1) choose the editor for the user (2) and click on the "Save & Close" button (3):

How to use Joomla text editors?

That's all! I hope this tutorial was helpful and you already know how to adapt a Joomla editor to your needs.