The Art of Joomla

Tutorials by Andrew Eddie for Joomla!® developers, site implementers and artisans - twittergoogle+ • facebook

Also read the reviews for the Artof Editor on the Joomla Extensions Directory.

Installing and Upgrading

Download the extension package using the link above.

Log into the Joomla 1.5 Administrator.

Select Extensions -> Install/Unistall from the menubar.

Click Browse and select the extension package from where you downloaded it onto your computer.

Click Upload & Install File (alternatively use the other installation methods available if desired).

Before upgrading it is always good practice to backup your web site files and database. It is also a good idea to test the upgrade on a copy of your web site.

To upgrade to a new version of the extension just repeat the steps above with the new package when it becomes available.  You do not need to uninstall the extension first.  Just install the new version over the top of the existing one.

Plugin Settings

The Artof Editor extension installs as a plugin in the "editors" group.  It has a number of settings that you can customise.


CKEditor comes with a number of languages and you can select from one of these. Please note that these language files may not be complete and are maintained by the CKEditor developers, not us.

Backend Toolbar

You are allowed to choose the editor toolbar to use for users logged into the backend administrator.

CKEditor has two built-in toolbars named "Full" and "Basic".  You also have the ability to define and extra two custom toolbars (explained below).

Frontend Toolbar

You are allowed to choose the editor toolbar to use for users logged into the frontend site the same as for the Backend Toolbar.

Custom Toolbar 1

Custom Toolbar 2

You can define your two of your own custom toolbars.  For more information see the CKEditor Developers Guide or you can use the suggestions below.


You can choose one of three skins that come with the CKeditor.

Background Colour

If you are using the Kama skin, you can define the HTML code for the background colour.

Custom Toolbars

Suggestion for Custom Toolbar 1

['Source'], ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
    ['Maximize', 'ShowBlocks','-','About']

Suggestion for Custom Toolbar 2

['Source'], ['Cut','Copy','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
 ['Image','Table','SpecialChar','PageBreak'], ['Format']


To edit hyperlinks and images, just double-click on them in the editor area.

Known Issues

There is an odd bug in some browsers where if you type text, then insert a Read More or Page Break, you will not be able to add text after the HR that is inserted into the text area.  To work around this, always ensure that you insert a Read More or Page Break between paragraphs, not at the very end of the text.

Also, the editor does not fill the text area box fully sometimes when you first open an article.  Just click in the WYSIWYG area and it should automatically expand.

If you find any this extension useful, please consider paying us forward (not paying us back) by supporting one of our nominated charities or World Hope Australia and help fight world poverty! Let us know if you do.