How to Add a New Joomla WYSIWYG Editor

It is no secret that the editor you first see when using Joomla isn't very powerful. It looks like this:

In this article we'll show you how to install an editor with improved features. It's called JCE (Joomla Content Editor). You can see there's at least 25% more options, and when you use them, you'll see they're much better:

• Step 1: Go to JoomlaContentEditor.net. You won't need a subscription for anything we're recommending.
• Step 2: Go to Downloads >> Editor >> Joomla! 1.5x
• Step 3: Find the file that has the label "Single installation package for Joomla! 1.5.x". At the time of writing this is "com_jce_157_156_package.zip"
• Step 4: Download this file to your desktop.
• Step 5: In the administration area of your Joomla site, go to Extensions >> Install / Uninstall and upload the file.
• Step 6: Go to Site >> Global Configuration and choose JCE in the field "Default WYSIWYG Editor".
• Step 7: Now when you go to an article, you'll see the new, improved editor.

What Are the Big Improvements You Will See?

• Improved image control. Click the picture of a tree (third from right on bottom row)
• Easier linking. Select some text and click the chain link (fifth from right on second row)
• Pasting from Word. Clean up that ugly text using the W button (middle of second row)

Creating Tables inside Joomla Articles

Now let’s see how to create tables inside Joomla articles using JCE (Joomla Content Editor).

Getting Started

Open an article and put your cursor in the article where you'd like the table to be.

Insert a New Table

Click your mouse on the "Inserts a new table" button in the third row of your JCE Editor.

Choosing the Table Options

You'll see a pop-up looking like this. The first thing to do is choose the number of columns and row for your article. Cell padding is the amount of space INSIDE each cell. Cell spacing is the amount of space BETWEEN each cell. Border will set a line around the outside of the whole table. Width and height allow you set fixed dimensions for the table otherwise the table will adjust to fit the content inside. When you're done, click insert.

Writing inside the Table

Click your mouse inside the table cells and start typing.... You should end up being able to fill in all the cells you need:

Modifying Your Table

You'll notice that when your table is selected, many new buttons along the 3rd row will light up. These are extra options for modifying our table. From left to right they are:

• delete table
• table row properties
• table cell properties
• insert row before
• insert row after
• delete row
• insert column before
• insert column after
• delete column
• split merged table cells
• merge table cells

Your valuable comments will be highly appreciated. If you have any issues in joomla you could email to harsha@vishmitha.com or Supporting Forum to get the assist.

The next article will discuss about more useful tips in Joomla.

Previous Article