Ticket #3669: sample_for_reproduce.html

File sample_for_reproduce.html, 4.8 KB (added by Garry Yao, 10 years ago)

Sample page for testing

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