| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|---|
| 2 | <!-- |
|---|
| 3 | Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. |
|---|
| 4 | For licensing, see LICENSE.html or http://ckeditor.com/license |
|---|
| 5 | --> |
|---|
| 6 | <html xmlns="http://www.w3.org/1999/xhtml"> |
|---|
| 7 | <head> |
|---|
| 8 | <title>Replace Textareas by Class Name - CKEditor Sample</title> |
|---|
| 9 | <script type="text/javascript" src="sample.js"></script> |
|---|
| 10 | </head> |
|---|
| 11 | <body style="margin:10px; padding;10px"> |
|---|
| 12 | <div id="html"> |
|---|
| 13 | <form action="sample_posteddata.php" method="post"> |
|---|
| 14 | <p> |
|---|
| 15 | <label for="editor1"> |
|---|
| 16 | Editor 1:</label><br /> |
|---|
| 17 | <textarea id="editor1" name="editor1" class="ckeditor" rows="10" cols="80"><h1> |
|---|
| 18 | Test page for FCKeditor |
|---|
| 19 | </h1> |
|---|
| 20 | <p> |
|---|
| 21 | This document contains various markup features commonly used by content editors |
|---|
| 22 | or "<span lang="fr">r&eacute;dacteurs de contenu</span>" as they are called in <a |
|---|
| 23 | href="http://en.wikipedia.org/wiki/France" title="Wikipedia article about France"> |
|---|
| 24 | France</a>.<br /> |
|---|
| 25 | It is important that a <acronym title="what you see is what you get">WYSIWYG</acronym> |
|---|
| 26 | tool has features that are easily available for the editor. If not, there is a risk |
|---|
| 27 | that content won't receive <strong>proper</strong> markup. Examples of commonly |
|---|
| 28 | found content are:</p> |
|---|
| 29 | <ol> |
|---|
| 30 | <li>level1</li> |
|---|
| 31 | <li>leve1 |
|---|
| 32 | <ol> |
|---|
| 33 | <li>level2</li> |
|---|
| 34 | </ol> |
|---|
| 35 | </li> |
|---|
| 36 | </ol> |
|---|
| 37 | <hr /> |
|---|
| 38 | <h2 style="background-color: Silver"> |
|---|
| 39 | Test procedure |
|---|
| 40 | </h2> |
|---|
| 41 | text |
|---|
| 42 | <p>paragraph1</p> |
|---|
| 43 | <p>paragraph2</p> |
|---|
| 44 | This text has no block tag.<br /> |
|---|
| 45 | It should be corrected when working with the enter key |
|---|
| 46 | set to "p" or "div" tags. The <strong>"br" configuration</strong> should not make |
|---|
| 47 | changes instead.<br /> |
|---|
| 48 | It has three lines separated by BR. |
|---|
| 49 | <p> |
|---|
| 50 | In the test we will try to recreate this document using the editor tools. To make |
|---|
| 51 | sure tables can be inserted <em>properly</em> we re-visit banana import statistics |
|---|
| 52 | from 1998. |
|---|
| 53 | </p> |
|---|
| 54 | <table summary="Sweden was the top importing country by far in 1998."> |
|---|
| 55 | <caption> |
|---|
| 56 | Top banana importers 1998 (value of banana imports in millions of US dollars per |
|---|
| 57 | million people)<br /> |
|---|
| 58 | <br /> |
|---|
| 59 | </caption> |
|---|
| 60 | <tr> |
|---|
| 61 | <th scope="col"> |
|---|
| 62 | Country</th> |
|---|
| 63 | <th scope="col"> |
|---|
| 64 | Millions of US dollars per million people</th> |
|---|
| 65 | </tr> |
|---|
| 66 | <tr> |
|---|
| 67 | <td> |
|---|
| 68 | Sweden</td> |
|---|
| 69 | <td> |
|---|
| 70 | 17.12</td> |
|---|
| 71 | </tr> |
|---|
| 72 | <tr> |
|---|
| 73 | <td> |
|---|
| 74 | United&nbsp;Kingdom</td> |
|---|
| 75 | <td> |
|---|
| 76 | 8.88</td> |
|---|
| 77 | </tr> |
|---|
| 78 | <tr> |
|---|
| 79 | <td> |
|---|
| 80 | Germany</td> |
|---|
| 81 | <td> |
|---|
| 82 | 8.36</td> |
|---|
| 83 | </tr> |
|---|
| 84 | <tr> |
|---|
| 85 | <td> |
|---|
| 86 | Italy</td> |
|---|
| 87 | <td> |
|---|
| 88 | 5.96</td> |
|---|
| 89 | </tr> |
|---|
| 90 | <tr> |
|---|
| 91 | <td> |
|---|
| 92 | United States</td> |
|---|
| 93 | <td> |
|---|
| 94 | 4.78</td> |
|---|
| 95 | </tr> |
|---|
| 96 | </table> |
|---|
| 97 | <p> |
|---|
| 98 | For block quotes we will have a look at <a href="http://fawny.org/rhcp.html">what Joe |
|---|
| 99 | Clark says about redheads</a>:</p> |
|---|
| 100 | <blockquote cite="http://fawny.org/rhcp.html#me"> |
|---|
| 101 | <p> |
|---|
| 102 | "Since boyhood I&rsquo;ve always believed, at the deepest level, that redheads are |
|---|
| 103 | standard-bearers of the grandest and most wondrous human beauty."</p> |
|---|
| 104 | </blockquote> |
|---|
| 105 | <p> |
|---|
| 106 | <img src="http://www.fckeditor.net/images/logotop.gif" alt="" /></p> |
|---|
| 107 | <p> |
|---|
| 108 | The above is the FCKeditor logo loaded from the FCKeditor.net web site.</p></textarea> |
|---|
| 109 | </p> |
|---|
| 110 | <p> |
|---|
| 111 | <input type="submit" value="Submit" /> |
|---|
| 112 | </p> |
|---|
| 113 | </form> |
|---|
| 114 | </div> |
|---|
| 115 | <div id="code"> |
|---|
| 116 | <pre> |
|---|
| 117 | <form action=""> |
|---|
| 118 | <p> |
|---|
| 119 | <label for="editor1"> |
|---|
| 120 | Editor 1:</label><br /> |
|---|
| 121 | <textarea id="editor1" name="editor1" <b>class="ckeditor"</b> rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.</p></textarea> |
|---|
| 122 | </p> |
|---|
| 123 | <p> |
|---|
| 124 | <label for="editor2"> |
|---|
| 125 | Editor 2:</label><br /> |
|---|
| 126 | <textarea id="editor2" name="editor2" <b>class="ckeditor"</b> rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.</p></textarea> |
|---|
| 127 | </p> |
|---|
| 128 | <p> |
|---|
| 129 | <input type="submit" value="Submit" /> |
|---|
| 130 | </p> |
|---|
| 131 | </form> |
|---|
| 132 | </pre> |
|---|
| 133 | </div> |
|---|
| 134 | </body> |
|---|
| 135 | </html> |
|---|
| 136 | |
|---|