Joomla 1.7.3 Tutorial – How to Enable the Extended Tiny MCE Editor

by Elaine on December 17, 2011

After the initial install of Joomla 1.7.3 the default editor activated is the Advanced TinyMCE Editor.  There are different version of the Editor – Simple, Advanced and Extended version.  The editor is mainly used in the creation of new articles in the Article Manager.  For the less experienced HTML programmers, the ‘Extended’ provides the most help in automatically inserting HTML tags and elements through clicking of a button.  While the Simple version is for those are more HTML savvy.

Simple TinyMCE Editor Looks like this:

cmsmind elaine joomla 17 tinymce editor simple 1 Joomla 1.7.3 Tutorial   How to Enable the Extended Tiny MCE Editor

Joomla 1.7.3 - Simple TinyMCE Editor

Advanced TinyMCE Editor Looks like this:

cmsmind elaine tinymce editor advanced 2 Joomla 1.7.3 Tutorial   How to Enable the Extended Tiny MCE Editor

Joomla 1.7.3 - Advanced TinyMCE Editor

Extended TinyMCE Editor Looks like this:

cmsmind elaine tinymce editor extended 3 Joomla 1.7.3 Tutorial   How to Enable the Extended Tiny MCE Editor

Joomla 1.7.3 - Extended TinyMCE Editor

This is all already installed in your current installation of Joomla 1.7.3, there are no additional Components or Extensions that you need to download to activate the different instances of TinyMCE editor.    Follow the easy steps below and you can toggle between the editors easily.    The most popular version is the Extended TinyMCE Editor, simply because it provides users the most functionality with a click of a button.  Below I will show you how to activate your Extended TinyMCE Editor.

Overview:

1.  Check Default Editor in Global Configuration

cmsmind elaine joomla 173 default editor global config 0 Joomla 1.7.3 Tutorial   How to Enable the Extended Tiny MCE Editor

Joomla 1.7.3 - Set Default Editor to TinyMCE

After initial Joomla 1.7.3 installation, TinyMCE editor is already chosen as the default editor for the Article Manager and Category Manager.  These steps are to ensure that the default editor was not changed.

  •  Login to your Joomla 1.7.3 Administrator backend
  • Click on ‘Site’, ‘Global Configuration’
  • Select the ‘Site’ tab
  • Under ‘Site Settings’, set the following value:
      • Default Editor = Editor – TinyMCE
  • Click on ‘Save & Close’

2.  Select an Editor in TinyMCE Plugin Manager

cmsmind elaine plugin manager tinymce functionality 4 Joomla 1.7.3 Tutorial   How to Enable the Extended Tiny MCE Editor

Joomla 1.7.3 - Select Extended TinyMCE in Plugin Manager

TinyMCE is a plugin packaged in with the installation of Joomla 1.7.3.  There are many properties of this plugin which you can enable or disable in the Plugin Manager.  Below is how you would access these options and change the Editor selected to ‘Extended’:

  • Click on ‘Extensions‘, ‘Plug-in Manager
  • Click and edit ‘Editor – TinyMCE’
  • Under ‘Basic Options’, set the following value:
      • Functionality = Extended
  • Click on ‘Save & Close’

3.  Create a New Article in Article Manager

You can test out your new editor when creating a new article or even when creating a new category.  The new editor should be visible once you refresh your screen.  If you were already in the window of creating an article, you will need to relaunch that window to see revised editor.

  • Click on ‘Content’, ‘Article Manager‘, ‘Add New Article’
  • Click on ‘Content’, ‘Category Manager‘, ‘Add New Category’

The new editor will be available for existing articles and categories as well.

Thanks!

Elaine

 Joomla 1.7.3 Tutorial   How to Enable the Extended Tiny MCE Editor

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 2 comments… read them below or add one }

Brian April 13, 2012 at 5:21 pm

Hi Elaine, Thanks for a great informative site, not shure you can help. I’m using Beez20 template in a J1.7.2
installation and i see from your beez20 image that the top menu is just under the search box and above the logo graphic which is where i would like it. On my site that I am just developing it has dropped down on top of the logo graphic see www. hnssystems .co.uk any idea how i can get it back?

Reply

Bệnh Gout October 12, 2012 at 4:38 am

i get it, Thank you Elaine

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: