1. Home
  2. Website Design
  3. Portfolio
  4. eCommerce
  5. Web Optimisation
  6. Website Video
  7. Graphic Design
  8. Blog
  9. Team
  10. Contact

Print This Page
Print this page.

CKEditor for user friendly CMS input

Posted by on Wednesday, December 30th, 2009 at 12:16 pm.

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.

Related Posts

One Response to This Blog Post

  1. sameera
    on January 13th, 2010 Says:

    can i use ext textarea instead of asp textarea?

Leave your Comment

Bookmark and Share Creare

Twitter
twitter.com/crearegroup

Recent Blog Comments

  1. Stephen Kempin: The lack of supp...
  2. James Bavington: Hey Toby, indeed...
  3. James Bavington: Hi Yvette, I hav...
  4. yvette: Thanks for the b...
  5. Toby: Hi! I love yo...

Latest Web Design Blog

Make a HTML5 Website using ?BoilerPlate?
Posted on Thu, 02 Sep 2010

HTML5 Boilerplate is an 'all-in-one' HTML5 template package that aims to set the base standard in ensuring effective usage of the progressive HTML5 specification.