CKEditor for user friendly CMS input

Posted on Wednesday 30th Dec 2009 by James Kemp 1 Comment

If you’re a web design programmer or web developer who has just built a bespoke CMS, it is likely that it will be used mostly, if not exclusively by the client. In that case it is unreasonable to expect them to be able to edit HTML content with the normal text area that an input form would allow.

The CKEditor is a simple JavaScript extension to any form that integrates seamlessly with PHP. It is open source, free and completely customisable.

It provides the user with a range of buttons and options similar to those found in Microsoft Word, which they are much more likely to have experience of. The installation of the CKEditor only takes a few minutes:

How to install CKEditor

  1. Make sure that you database table row that you create is formatted correctly to receive such data. For example, in my database table ‘journal’, the row ‘article’ type is set to ‘Text’.
  2. Download CKEditor and upload (preferably to the first layer of your site).
  3. Link up the editor files in your <head></head> using the code below:


  4. Replace the text area with the following code, ensuring you change the name & id values appropriately for your website:



As far as the default integration goes, that’s all there is to it! Now clients can update their CMS content with ease.

James Kemp

Nothing is known about James Kemp at this time.
This entry was posted in Web Design News and tagged , , . Bookmark the permalink.

One Response to CKEditor for user friendly CMS input

  1. sameera says:
    January 13, 2010 at 11:49 am

    can i use ext textarea instead of asp textarea?

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>