Joomla Tutorials

How to Add a New Joomla WYSIWYG Editor

January 10, 2010 | Written by Rod Martin

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

How to Add a New Joomla WYSIWYG Editor

In this tutorial 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:

How to Add a New Joomla WYSIWYG Editor

  • 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 I'll 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)

JCE Installation Video Tutorial


 

 


To sign up for complete classes and support

 

Comments 

 
# Taz 2010-12-07 20:17
Thanks a lot really means a lot to me that you took the time to do this! helped me out!
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-01-03 14:47
You are welcome, Taz :-)
Reply | Reply with quote | Quote
 
 
# BloggerShaon 2011-01-03 00:41
Thanks a lot dude. really easy way to improve the editor. :)
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-01-03 14:49
You're welcome, Shaon! You should play around with some of its features as it has a lot of hidden gems. :-)
Reply | Reply with quote | Quote
 
 
# Brian 2011-02-11 12:51
Nice concept but that file isn't there and if I upload the JCE Installation Package in Joomla 1.6 it errors

Any suggestions? Thanks
Reply | Reply with quote | Quote
 
 
# Brian 2011-02-11 13:06
got error building admin menus
Reply | Reply with quote | Quote
 
 
# Brian 2011-02-11 13:42
Did it manual install 1.6 and get a blank page when I use it
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-02-11 16:47
Hi Brian,

JCE isn't available for Joomla 1.6 yet. Try this in Joomla 1.6 .... Extensions >> Plug-in Manager >> TinyMCE >> Functionality set to Extended. Now your TinyMCE is a lot more powerful!

If you have any more question, please feel free to ask in the forum :-)

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Brian 2011-02-11 13:50
Great in 1.5!
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-02-11 18:04
Hi everyone,

Here's a new tutorial for Joomla 1.6:
ostraining.com/.../...

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Rex 2011-04-07 00:04
Hi, I installed and set it to JCE editor in the Global Config. However, when I try to do a edit of article. The editor appears impressively. But I can't key in anything in the text box. Can only see it when I go to show/hide.
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-04-07 18:57
Hi Rex,

Could you try uninstalling it and then reinstalling it? Also, make sure you have the right JCE for your specific Joomla version.

If you still can't get it, open up a discussion in the support forum so that we can help you out.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Diane 2011-10-22 18:48
Thanks so much! This really helped. I would like to know how you can create columns, was hoping the tables would help create this, but it shows the border lines, even with a 0 value on the borders :(
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-10-24 14:44
Hi Diane,

You're very welcome! Give this tutorial a try to help with the columns:
ostraining.com/.../...

Also, you should consider being a member as there are a lot more helpful tutorials inside :) www.ostraining.com/online

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Marivic 2011-11-24 02:23
..whoaaa what a nice editor!
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-11-25 11:59
Indeed! Makes life so much easier! :)

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Hossam 2012-01-08 13:24
Maybe a dummy question, Is this a desktop editor so that I could work on a "quickstart template" or something I should install on the server before I could use it?

I am still newbie in this Joomla thing.
Reply | Reply with quote | Quote
 
 
# iowawebco 2012-01-12 01:50
Hi and welcome, Hossam!

It's only an editor for your Joomla admin so it's not a desk top editor. You should consider taking our online classes (www.ostraining.com/online) in order to accelerate your learning and you'll also get our professional support :)

Kind regards,
Nick
Reply | Reply with quote | Quote
 

Add comment