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 | |
---|