Ticket #5186: jumpingDemo.html

File jumpingDemo.html, 4.8 KB (added by Daniel Rendall, 10 years ago)
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-2010, 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>IE7 Jumping demonstration - CKEditor Sample</title>
9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
10        <script type="text/javascript" src="../ckeditor.js"></script>
11        <script src="sample.js" type="text/javascript"></script>
12        <link href="sample.css" rel="stylesheet" type="text/css" />
13</head>
14<body>
15        <h1>
16                CKEditor Sample
17        </h1>
18        <!-- This <div> holds alert messages to be display in the sample page. -->
19        <div id="alerts">
20                <noscript>
21                        <p>
22                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
23                                support, like yours, you should still see the contents (HTML data) and you should
24                                be able to edit it normally, without a rich editor interface.
25                        </p>
26                </noscript>
27        </div>
28        <form action="sample_posteddata.php" method="post">
29        <h3>Spacer</h3>
30        <h3>Spacer</h3>
31        <h3>Spacer</h3>
32        <h3>Spacer</h3>
33        <h3>Spacer</h3>
34        <h3>Spacer</h3>
35        <h3>Spacer</h3>
36        <h3>Spacer</h3>
37        <h3>Spacer</h3>
38        <h3>Spacer</h3>
39        <h3>Spacer</h3>
40        <h3>Spacer</h3>
41        <h3>Spacer</h3>
42        <h3>Spacer</h3>
43        <h3>Spacer</h3>
44        <h3>Spacer</h3>
45        <h3>Spacer</h3>
46        <h3>Spacer</h3>
47                <p>
48                        <label for="editor1">
49                                Editor 1 - set to width:100% in CKEDITOR.replace():</label><br />
50                        <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
51                        <script type="text/javascript">
52                        //<![CDATA[
53
54                                // This call can be placed at any point after the
55                                // <textarea>, or inside a <head><script> in a
56                                // window.onload event handler.
57
58                                // Replace the <textarea id="editor"> with an CKEditor
59                                // instance, using default configurations.
60                                CKEDITOR.replace( 'editor1', {width: "100%"}  );
61
62                        //]]>
63                        </script>
64                </p>
65        <h3>Spacer</h3>
66        <h3>Spacer</h3>
67        <h3>Spacer</h3>
68        <h3>Spacer</h3>
69        <h3>Spacer</h3>
70        <h3>Spacer</h3>
71        <h3>Spacer</h3>
72        <h3>Spacer</h3>
73        <h3>Spacer</h3>
74        <h3>Spacer</h3>
75        <h3>Spacer</h3>
76        <h3>Spacer</h3>
77        <h3>Spacer</h3>
78        <h3>Spacer</h3>
79        <h3>Spacer</h3>
80        <h3>Spacer</h3>
81        <h3>Spacer</h3>
82        <h3>Spacer</h3>
83                <p style="width: 100%">
84                        <label for="editor2">
85                                Editor 2 - inside a p with width: 100%:</label><br />
86                        <textarea cols="80" id="editor2" name="editor2" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
87                        <script type="text/javascript">
88                        //<![CDATA[
89
90                                // This call can be placed at any point after the
91                                // <textarea>, or inside a <head><script> in a
92                                // window.onload event handler.
93
94                                // Replace the <textarea id="editor"> with an CKEditor
95                                // instance, using default configurations.
96                                CKEDITOR.replace( 'editor2' );
97
98                        //]]>
99                        </script>
100                </p>
101        <h3>Spacer</h3>
102        <h3>Spacer</h3>
103        <h3>Spacer</h3>
104        <h3>Spacer</h3>
105        <h3>Spacer</h3>
106        <h3>Spacer</h3>
107        <h3>Spacer</h3>
108        <h3>Spacer</h3>
109        <h3>Spacer</h3>
110        <h3>Spacer</h3>
111        <h3>Spacer</h3>
112        <h3>Spacer</h3>
113        <h3>Spacer</h3>
114        <h3>Spacer</h3>
115        <h3>Spacer</h3>
116        <h3>Spacer</h3>
117        <h3>Spacer</h3>
118        <h3>Spacer</h3>
119                <p>
120                        <label for="editor3">
121                                Editor 3 - no width configuration:</label><br />
122                        <textarea cols="80" id="editor3" name="editor3" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
123                        <script type="text/javascript">
124                        //<![CDATA[
125
126                                // This call can be placed at any point after the
127                                // <textarea>, or inside a <head><script> in a
128                                // window.onload event handler.
129
130                                // Replace the <textarea id="editor"> with an CKEditor
131                                // instance, using default configurations.
132                                CKEDITOR.replace( 'editor3' );
133
134                        //]]>
135                        </script>
136                </p>
137        <h3>Spacer</h3>
138        <h3>Spacer</h3>
139        <h3>Spacer</h3>
140        <h3>Spacer</h3>
141        <h3>Spacer</h3>
142        <h3>Spacer</h3>
143        <h3>Spacer</h3>
144        <h3>Spacer</h3>
145        <h3>Spacer</h3>
146        <h3>Spacer</h3>
147        <h3>Spacer</h3>
148        <h3>Spacer</h3>
149        <h3>Spacer</h3>
150        <h3>Spacer</h3>
151        <h3>Spacer</h3>
152        <h3>Spacer</h3>
153        <h3>Spacer</h3>
154        <h3>Spacer</h3>
155                <p>
156                        <input type="submit" value="Submit" />
157                </p>
158        </form>
159        <div id="footer">
160                <hr />
161                <p>
162                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
163                </p>
164                <p id="copy">
165                        Copyright &copy; 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico
166                        Knabben. All rights reserved.
167                </p>
168        </div>
169</body>
170</html>
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy