Here is a quick step by step guide on installing CKEditor on your Joomla-powered website.
Download the CKEditor for Joomla extension from this link: http://js.plus/products/ckeditor-for-joomla
Choose the version of the package corresponding to the version of Joomla you have. For the sake of this tutorial we will use Joomla 3.
Login to your Joomla administrator panel and go to “Extensions | Manage”, then select “Install”:
We need the first option: “Upload Package File”. Click the “Choose File” button and select the Joomla package you downloaded on Step 1. Then click the “Upload & Install” button. Joomla will start uploading the file and installing CKEditor.
Once it finishes, you should see the successful installation message and CKEditor settings opened automatically:
If it doesn’t, you can open CKEditor in your administration panel at any time by using the Components menu:
Now, you need to set CKEditor as a default editor in Joomla. Open the “System | Global Configuration” and choose CKEditor as shown on the screen below:
Please refer to corresponding plugin installation guides if you need to install some add-on to CKEditor. Specific to Joomla are two things:
Installing CKEditor to Joomla 3 may lead to being unable to save its settings using the Joomla Components dialog. The problem is as follows: whenever you click the “Save”, “Save and Exit” or “Close” buttons nothing happens. This is too bad, because now you cannot install a plugin to CKEditor, nor can you adjust default settings of CKEditor itself.
If you experience the same problem, here is a workaround:
<formto the search box to locate the form tag in the HTML source. The nearby code fragment should look as shown below:
id=”adminForm”inside the form tag as shown below:
NB! This works for one save operation only. Whenever you need to edit CKEditor settings again you will have to change the <form> tag again.
This solution will require you to have an FTP access to .php files of the CKEditor for Joomla source code.
Here is a step-by-step:
<form action="index.php" method="post" name="adminForm" class="form-validate form-horizontal">
<form id="adminForm" action="index.php" method="post" name="adminForm" class="form-validate form-horizontal">