Joomla 3 Video Tutorials

Basic video tutorials series for Joomla 3

Joomla default editor video tutorial

The video tutorial introduces Joomla 3 default editor, how the editors works and how to configure default editor for your Joomla site.

Video Transcript:

Hi, I am John from JoomlArt. Welcome to our Joomla video tutorials series. Today we’ll talk about Joomla default editor.

Joomla supports multiple editors by default: TinyMCE, CodeMirror or you can disable the editor altogether. In this tutorial we will show you how to configure the editor and show you how the editor works.

From back-end of your site, let’s go to: System > Global Configuration, and then scroll down a little bit - and here you’ll see the “Default Editor” field. Select the editor you would like to use in your Joomla site, and save the setting.

Now let’s see how the editor works. Go to: Content > Article Manager, and open the settings panel of any article. Here is the main content of the article and here is the editor toolbar. The toolbar includes many options to format an article’s main content: such as adding link to text, inserting a table, and so on. The Source code option displays your article content in HTML format.

Now go back the editor setting panel, select the “CodeMirror” editor. Reload the article’s editing page. The article’s main content is displayed in HTML format. To add new content now, you must use HTML to format it. The advantage of this editor is that your content is clean, without unnecessary HTML tags. Save the article after your editing is done.

Now, let’s disable the editor. In the article editing page, there is no editor anymore. Add content for your article using HTML format. This is the best selection for an author who has knowledge about HTML. Article content will be clean with no unnecessary HTML tags. Another advantage of this option is that your HTML tags are not striped which can sometimes happen with WYSIWYG editors. Always remember to save the article once your editing is done.

Let’s check the front-page. The article looks great. Joomla 3 also allows you to edit the article from front-page after you login. Just hit the “Edit” icon next to the article. The editor shown will be the one you configured in the Global configuration in the administrator's area. If we change the editor setting here, the editor here will also change.

That’s it for today, for more Joomla video tutorials, check out at:

Thanks for watching.