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 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 “CKEditor for user friendly CMS input”

  1. sameera
    on January 13th, 2010 Says:

    can i use ext textarea instead of asp textarea?

Leave a Reply

Bookmark and Share Creare

Twitter
twitter.com/crearegroup

Recent Blog Comments

  1. James: Hi Carl, thanks ...
  2. Creative Nuts: Nice Marketing s...
  3. Carl Jarrel: Hi guys Good...
  4. Craig Riches: Hi, I like the w...
  5. Myles: Congratulations!...

Latest Web Design Blog

Website Design: Social Media Resources
Posted on Wed, 10 Mar 2010

We take a look at some of best Social Media Resources that we've wrote about in the past year, contributing to your Website Design and overall strategic sucess in Social Networking campaigns.