Ticket #5571: 5571_TC.html

File 5571_TC.html, 4.2 KB (added by Garry Yao, 14 years ago)

Sample page for reproducing

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<!--
3Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
4For 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        <script type="text/javascript" src="../ckeditor_source.js"></script>
11</head>
12<body>
13        <div id="html">
14                <form action="sample_posteddata.php" method="post">
15                        <p>
16                                <label for="editor1">
17                                        Editor 1:</label><br />
18                                <textarea id="editor1" name="editor1" class="ckeditor" rows="10" cols="80">
19<h3 style="color: blue;">
20        Test page for FCKeditor</h3>    <div>
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:</div>
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>
109                                </textarea>
110                        </p>
111                        <p>
112                                <input type="submit" value="Submit" />
113                        </p>
114                </form>
115        </div>
116        <div id="code">
117                <pre>
118&lt;form action=""&gt;
119  &lt;p&gt;
120    &lt;label for="editor1"&gt;
121      Editor 1:&lt;/label&gt;&lt;br /&gt;
122    &lt;textarea id="editor1" name="editor1" <b>class="ckeditor"</b> rows="10" cols="80"&gt;&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;&lt;/textarea&gt;
123  &lt;/p&gt;
124  &lt;p&gt;
125    &lt;label for="editor2"&gt;
126      Editor 2:&lt;/label&gt;&lt;br /&gt;
127    &lt;textarea id="editor2" name="editor2" <b>class="ckeditor"</b> rows="10" cols="80"&gt;&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;&lt;/textarea&gt;
128  &lt;/p&gt;
129  &lt;p&gt;
130    &lt;input type="submit" value="Submit" /&gt;
131  &lt;/p&gt;
132&lt;/form&gt;
133</pre>
134        </div>
135</body>
136</html>
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy