index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3   <head>
   4     <title>Editor</title>
   5     <meta content="text/html; charset=utf-8" http-equiv="content-type" />
   6     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
   7     <!-- todo: change the following to ckeditor.js for production! -->
   8     <script type="text/javascript" src="ckeditor/ckeditor_source.js"></script>
   9     <script type="text/javascript" src="ckeditor/adapters/jquery.js"></script>
  10     <link href="sample.css" rel="stylesheet" type="text/css" />
  11
  12     <script type="text/javascript">
  13       //<![CDATA[
  14 $(function() {
  15     var config = {
  16       customConfig: '',
  17       toolbar: [
  18         ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],
  19         ['UIColor']
  20       ],
  21 };
  22
  23 $('.jquery_ckeditor').ckeditor(config);
  24 });
  25 //]]>
  26       </script>
  27     </head>
  28
  29
  30 <body>
  31   <h1>
  32     CKEditor Sample
  33   </h1>
  34   <!-- This <div> holds alert messages to be display in the sample page. -->
  35     <div id="alerts">
  36       <noscript>
  37         <p>
  38         <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
  39         support, like yours, you should still see the contents (HTML data) and you should
  40         be able to edit it normally, without a rich editor interface.
  41         </p>
  42       </noscript>
  43     </div>
  44     <!-- This <fieldset> holds the HTML that you will usually find in your
  45       pages. -->
  46       <form action="sample_posteddata.php" method="post">
  47         <p>
  48         <label for="editor1">
  49           Editor 1:</label><br />
  50         <textarea class="jquery_ckeditor" cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
  51         </p>
  52         <p>
  53         <input type="submit" value="Submit" />
  54         </p>
  55       </form>
  56       <div id="footer">
  57         <hr />
  58         <p>
  59         CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
  60         </p>
  61         <p id="copy">
  62         Copyright &copy; 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico
  63         Knabben. All rights reserved.
  64         </p>
  65       </div>
  66     </body>
  67   </html>