Pinterest Stumbleupon Whatsapp

ckeditor wordpress plugin If you blog, you’ll understand perfectly that writing using a web editor – like blogging – is totally different from writing using an ordinary word processor, like what most people do at work. Even though today’s blogging platforms have already provided users with a visual editor and regular people without extensive HTML knowledge can write content for the web easily, the default editing features are limited. A blogging platform’s built-in editor has far less features than the simplest desktop text editor.

Meet CKEditor (previously known as FCKEditor), the web-based WYSIWYG text editor which promises to bring common editing features found on desktop editing applications like Microsoft Word and OpenOffice to the web. And for WordPress users, the power of CKEditor is brought to the WP editor in the form of Dean’s FCKEditor for WordPress plugin.

Activating The Advanced CKEditor WordPress Plugin

Just like any other WordPress plugins, you can easily install the FCKEditor via the WordPress Plugins menu. All you have to do is click the “Add New” button, enter ‘FCKEditor’ into the search field, and click the “Install Now” link from the search result.

ckeditor wordpress plugin

After the installation process is done, activate the plugin by clicking the “Activate Plugin” link.


01b Plugin Install - Activate.png

And what exactly will happen by activating the plugin? To give you a better picture, let’s compare the look of WordPress editor with and without FCKEditor. This is the default editor:

02a Add New Post - Without FCK Editor.png

And below, the CKEditor WordPress editor plugin is integrated into the blogging platform. The WordPress editor is transformed into a full-featured word processor with advanced editing features that you won’t find in the original editor.

02b Add New Post - With FCKEditor-1.png

But the transformation is not limited to the blogging editor but also in the comment section of the blog posts. Armed with this ability, visitors can leave more than just simple plain text comments.

02c Comment Field.png

Getting Familiar With The Editor

For those who might feel a little bit overwhelmed by all of the colorful buttons and want a distraction-free writing environment, you can hide those buttons by clicking the small arrow button at the right corner of the writing area.

02f Hiding The Toolbar.png

And for those hardcore web coders who can’t sleep well before a little dose of “a href”s or “div style”s (you know who you are), you can still access the HTML editor by clicking on the “Source” button – the first button on the top left corner of the editor.

02g Source View.png

There’s also the “Smileys” button that will give you a bunch of smileys that you can insert into your writing.

02h Insert Smiley.png

Surely, there are tons of other features that you get from FCKEditor such as the ability to change the font color on the fly, create subscripts and superscripts, insert flash elements, change font type, size, style, and more. If you want to know which button is related to which feature, just hover your mouse pointer above one of the buttons and FCKEditor will gladly tell you.

02i Editing Result.jpg

Messing With The Settings

If you want to dig a little bit deeper into FCKEditor, you can go to “Settings – FCKEditor” menu from the WordPress sidebar.

03a Settings.png

Inside, you will find several options that you can ‘tweak’, such as the skin and built-in spell checker from the “Common Options“.

03b Common Options.png

Or the height of the editor and the ability to choose which buttons should appear on the editor’s toolbar from “Post/Page Editor options“. If you use several buttons regularly and never touch the others, you can delete the unused buttons simply by deleting their names from the “Set the toolbar buttons” field.

ckeditor wordpress plugin

The similar thing goes for “Comment Editor Options“. You can activate/deactivate FCKEditor for the blog comment section, set the editor’s height, and decide which buttons should appear in the comment editor.

03d Comment Editor Options.png

The last option is “Upload Options” where you can define what kind of files are allowed to be uploaded to the blog. The ability to define accepted file extensions opens up some other possibilities, such as using the blog server’s storage as an “emergency” file storage.

03e Upload Options.png

Please remember to click the “Update Options” button after your modification to save all the changes.

Desktop Word Processor On Your Blog

Using FCKEditor plugin for WordPress is like doing blogging via a desktop word processor that you use everyday. Having the familiar look and functionalities can surely help you boost your productivity while blogging (not to mention having an alternative online word processor that you can use anytime and anywhere as long as you have access to internet).

Have you tried CKEditor? What’s your opinion about it? Do you know other alternatives? Please share using the comment below.

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Rosalyapte5r
    September 21, 2010 at 1:59 pm

    I was looking for that actually...Finally find it here

  2. WATCH tv on my pc
    September 21, 2010 at 3:55 pm

    i would like to recommend your blog post for my friends because it has a great potential and great content.

  3. Kjungi
    July 23, 2010 at 10:30 am


  4. iPhone Cases
    July 22, 2010 at 5:14 am

    This is the best article I have ever found on the Internet.

  5. Aibek
    July 15, 2010 at 8:18 pm

    thanks for heads up. done! But ats the author says:

    "Meet CKEditor (previously known as FCKEditor) ... "

  6. FredCK
    July 15, 2010 at 1:50 pm

    Wonderful article!

    Be sure to also check the official CKEditor WP plugin, maintained by CKSource, at

  7. FredCK
    July 15, 2010 at 11:50 am

    Wonderful article!

    Be sure to also check the official CKEditor WP plugin, maintained by CKSource, at

  8. Asshu
    July 15, 2010 at 3:25 am

    It is FCK editor .There is another plugin names "CK editor" . So you need to change the post's title.

    • Aibek
      July 15, 2010 at 6:18 pm

      thanks for heads up. done! But ats the author says:"Meet CKEditor (previously known as FCKEditor) ... "