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 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:
    1. <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
  4. Replace the text area with the following code, ensuring you change the name & id values appropriately for your website:
    1. <textarea name="article" id=”article”></textarea>
    2.                         <script type="text/javascript">
    3.                                 CKEDITOR.replace( ‘article’ );
    4.                         </script>

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. mr davies: this is very fun...
  2. K2 Designers: Very nice vid an...
  3. Jesus Trogstad: April 3rd is jus...
  4. James: Hi Carl, thanks ...
  5. Creative Nuts: Nice Marketing s...

Latest Web Design Blog

HTML Accesskeys in Web Design
Posted on Fri, 19 Mar 2010

In this week's web design video blog, Nick and James look at HTML Accesskeys and ask 'Are they worth integrating onto websites?'. HTML Accesskeys are keyboard shortcuts to help users navigate the website via the keyboard.