Context Navigation

Back to Ticket #5186

Ticket #5186: jumpingDemo.html

File jumpingDemo.html, 4.8 KB (added by Daniel Rendall, 15 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	<!--
3	Copyright (c) 2003-2010, 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>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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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 © 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico
166	Knabben. All rights reserved.
167	</p>
168	</div>
169	</body>
170	</html>

Download in other formats:

Original Format