Ticket #3132: Tab_Issue.html

File Tab_Issue.html, 3.5 KB (added by Senthil, 11 years ago)

Sample file to reproduce the tab and shift issue

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>Sample - CKEditor</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" xml:space="preserve"></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        <!-- This <fieldset> holds the HTML that you will usually find in your
29             pages. -->
30        <fieldset title="Output">
31                <legend>Output</legend>
32                <form action="sample_posteddata.php" method="post">
33                        <p>
34                                <label for="editor1">
35                                        Editor 1:</label><br/>
36                                        <input name="test1" id="test1" value="test" type="text" tabindex="1">
37<input name="test2" id="test2" value="0" type="text" tabindex="2">
38<input name="test3" id="test3" value="4" type="text" tabindex="3">
39<input name="test4"  id="test4" value="None" type="text" tabindex="4">
40
41                                <textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10" tabindex="5">&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;</textarea>
42                                <input name="test5" id="test5" value="0" type="text" tabindex="6">
43<input name="test6" value="0" id="test6" type="text" tabindex="7">
44<input name="test7" value="" id="test7" type="text" tabindex="8">
45                        </p>
46                        <p>
47                                <input type="submit" value="Submit"/>
48                        </p>
49                </form>
50        </fieldset>
51        <!-- This <fieldset> contains the output readable code that illustrates
52             how to use the editor, having the results shown in this sample. -->
53        <fieldset title="Code">
54                <legend>Code</legend>
55                <pre>
56&lt;form action=""&gt;
57  &lt;p&gt;
58    &lt;label for="editor1"&gt;
59      Editor 1:&lt;/label&gt;&lt;br /&gt;
60    &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;
61  &lt;/p&gt;
62  &lt;p&gt;
63    &lt;label for="editor2"&gt;
64      Editor 2:&lt;/label&gt;&lt;br /&gt;
65    &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;
66  &lt;/p&gt;
67  &lt;p&gt;
68    &lt;input type="submit" value="Submit" /&gt;
69  &lt;/p&gt;
70&lt;/form&gt;
71</pre>
72        </fieldset>
73        <div id="footer">
74                <hr/>
75                <p>
76                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/" shape="rect">http://ckeditor.com</a>
77                </p>
78                <p id="copy">
79                        Copyright © 2003-2009, <a href="http://cksource.com/" shape="rect">CKSource</a> - Frederico Knabben. All rights reserved.
80                </p>
81        </div>
82</body>
83</html>
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy