_samples/php/advanced.php

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
   2 <!--\r
   3 Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
   4 For licensing, see LICENSE.html or http://ckeditor.com/license\r
   5 -->\r
   6 <html xmlns="http://www.w3.org/1999/xhtml">\r
   7 <head>\r
   8         <title>Sample - CKEditor</title>\r
   9         <meta content="text/html; charset=utf-8" http-equiv="content-type"/>\r
  10         <link href="../sample.css" rel="stylesheet" type="text/css"/>\r
  11 </head>\r
  12 <body>\r
  13         <h1>\r
  14                 CKEditor Sample\r
  15         </h1>\r
  16         <!-- This <div> holds alert messages to be display in the sample page. -->\r
  17         <div id="alerts">\r
  18                 <noscript>\r
  19                         <p>\r
  20                                 <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript\r
  21                                 support, like yours, you should still see the contents (HTML data) and you should\r
  22                                 be able to edit it normally, without a rich editor interface.\r
  23                         </p>\r
  24                 </noscript>\r
  25         </div>\r
  26         <!-- This <fieldset> holds the HTML that you will usually find in your pages. -->\r
  27         <fieldset title="Output">\r
  28                 <legend>Output</legend>\r
  29                 <form action="../sample_posteddata.php" method="post">\r
  30                         <p>\r
  31                                 <label>Editor 1:</label><br/>\r
  32                         </p>\r
  33 <?php\r
  34 // Include CKEditor class.\r
  35 include("../../ckeditor.php");\r
  36 \r
  37 // Create class instance.\r
  38 $CKEditor = new CKEditor();\r
  39 \r
  40 // Do not print the code directly to the browser, return it instead\r
  41 $CKEditor->returnOutput = true;\r
  42 \r
  43 // Path to CKEditor directory, ideally instead of relative dir, use an absolute path:\r
  44 //   $CKEditor->basePath = '/ckeditor/'\r
  45 // If not set, CKEditor will try to detect the correct path.\r
  46 $CKEditor->basePath = '../../';\r
  47 \r
  48 // Set global configuration (will be used by all instances of CKEditor).\r
  49 $CKEditor->config['width'] = 600;\r
  50 \r
  51 // Change default textarea attributes\r
  52 $CKEditor->textareaAttributes = array("cols" => 80, "rows" => 10);\r
  53 \r
  54 // The initial value to be displayed in the editor.\r
  55 $initialValue = '<p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>';\r
  56 \r
  57 // Create first instance.\r
  58 $code = $CKEditor->editor("editor1", $initialValue);\r
  59 \r
  60 echo $code;\r
  61 ?>\r
  62                         <p>\r
  63                                 <label>Editor 2:</label><br/>\r
  64                         </p>\r
  65 <?php\r
  66 // Configuration that will be used only by the second editor.\r
  67 $config['toolbar'] = array(\r
  68         array( 'Source', '-', 'Bold', 'Italic', 'Underline', 'Strike' ),\r
  69         array( 'Image', 'Link', 'Unlink', 'Anchor' )\r
  70 );\r
  71 \r
  72 $config['skin'] = 'v2';\r
  73 \r
  74 // Create second instance.\r
  75 echo $CKEditor->editor("editor2", $initialValue, $config);\r
  76 ?>\r
  77                                 <input type="submit" value="Submit"/>\r
  78                         </p>\r
  79                 </form>\r
  80         </fieldset>\r
  81         <div id="footer">\r
  82                 <hr />\r
  83                 <p>\r
  84                         CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>\r
  85                 </p>\r
  86                 <p id="copy">\r
  87                         Copyright &copy; 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico\r
  88                         Knabben. All rights reserved.\r
  89                 </p>\r
  90         </div>\r
  91 </body>\r
  92 </html>\r