Incorporating CKEditor with PHP/MSQL using Dreamweaver

Hi,

I am working in Dreamweaver with PHP and MYSQL as my platform. I am trying to make a rich text editor for my website. When I try to incorporate CKEditor in my website by using the Developer's guide given at http://docs.cksource.com/CKEditor_3.x/Developers_Guide, the installation and integration (not using jquery) goes fine. But when I try configurations nothing happens. I am puuting up the in-page code and config.js code below:

In-Page Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rich Text Editor</title>
</head>

<body>
<form method="post">
      <p>
         My Editor:<br />
         <textarea id="editor1" name="editor1">&lt;p&gt;Initial value.&lt;/p&gt;</textarea>
         <script type="text/javascript">
               
            CKEDITOR.replace( 'editor1',
               {
                  toolbar :
                  [
                     { name: 'basicstyles', items : [ 'Bold','Italic' ] },
                     { name: 'paragraph', items : [ 'NumberedList','BulletedList' ] },
                     { name: 'tools', items : [ 'Maximize','-','About' ] }
                  ]
               });
         </script>
      </p>
      <p>
         <input type="submit" />
      </p>
   </form>
</body>
</html>

Fri, 11/25/2011 - 17:59

wiktor

Joined: 16/07/2007

Posts: 1641

Re: Incorporating CKEditor with PHP/MSQL using Dreamweaver

Sorry for the late reply.

Note that in your code snippet there is an error, CKEDITOR.editorConfig is nested twice:

CKEDITOR.editorConfig = function( config )
{
   // Define changes to default configuration here. For example:
   CKEDITOR.editorConfig = function( config )
{
    config.language = 'en';
    config.uiColor = '#AADC6E';
};


   
};

Instead, there should be something like:

CKEDITOR.editorConfig = function( config )
{
    config.language = 'en';
    config.uiColor = '#AADC6E';
};

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+