Ticket #3752: replacebycode.html

File replacebycode.html, 5.0 KB (added by Senthil, 15 years ago)
Line 
1<!--
2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
3For licensing, see LICENSE.html or http://ckeditor.com/license
4-->
5<html xmlns="http://www.w3.org/1999/xhtml">
6<head>
7        <title>Sample - CKEditor</title>
8        <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
9        <script type="text/javascript" src="../ckeditor.js"></script>
10        <script src="sample.js" type="text/javascript"></script>
11        <link href="sample.css" rel="stylesheet" type="text/css"/>
12</head>
13<body>
14        <h1>
15                CKEditor Sample
16        </h1>
17        <!-- This <div> holds alert messages to be display in the sample page. -->
18        <div id="alerts">
19                <noscript>
20                        <p>
21                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
22                                support, like yours, you should still see the contents (HTML data) and you should
23                                be able to edit it normally, without a rich editor interface.
24                        </p>
25                </noscript>
26        </div>
27        <!-- This <fieldset> holds the HTML that you will usually find in your
28             pages. -->
29        <fieldset title="Output">
30                <legend>Output</legend>
31                <form action="sample_posteddata.php" method="post">
32                        <p>
33                                <label for="editor1">
34                                        Editor 1:</label><br/>
35                                <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://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
36                                <script type="text/javascript">
37                                //<![CDATA[
38
39                                        // This call can be placed at any point after the
40                                        // <textarea>, or inside a <head><script> in a
41                                        // window.onload event handler.
42
43                                        // Replace the <textarea id="editor"> with an CKEditor
44                                        // instance, using default configurations.
45                                        CKEDITOR.replace( 'editor1' );
46
47                                //]]>
48                                </script>
49                        </p>
50                        <p>
51                                <label for="editor2">
52                                        Editor 2:</label><br/>
53                                <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://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
54                                <script type="text/javascript">
55                                //<![CDATA[
56
57                                        // This call can be placed at any point after the
58                                        // <textarea>, or inside a <head><script> in a
59                                        // window.onload event handler.
60
61                                        // Replace the <textarea id="editor"> with an CKEditor
62                                        // instance, using default configurations.
63                                        CKEDITOR.replace( 'editor2' );
64
65                                //]]>
66                                </script>
67                        </p>
68                        <p>
69                                <label for="editor3">
70                                        Editor 3:</label><br/>
71                                <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://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
72                                <script type="text/javascript">
73                                //<![CDATA[
74
75                                        // This call can be placed at any point after the
76                                        // <textarea>, or inside a <head><script> in a
77                                        // window.onload event handler.
78
79                                        // Replace the <textarea id="editor"> with an CKEditor
80                                        // instance, using default configurations.
81                                        CKEDITOR.replace( 'editor3' );
82
83                                //]]>
84                                </script>
85                        </p>
86                        <p>
87                                <label for="editor4">
88                                        Editor 4:</label><br/>
89                                <textarea cols="80" id="editor4" name="editor4" rows="10">&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;</textarea>
90                                <script type="text/javascript">
91                                //<![CDATA[
92
93                                        // This call can be placed at any point after the
94                                        // <textarea>, or inside a <head><script> in a
95                                        // window.onload event handler.
96
97                                        // Replace the <textarea id="editor"> with an CKEditor
98                                        // instance, using default configurations.
99                                        CKEDITOR.replace( 'editor4' );
100
101                                //]]>
102                                </script>
103                        </p>
104                        <p>
105                                <input type="submit" value="Submit"/>
106                        </p>
107                </form>
108        </fieldset>
109        <!-- This <fieldset> contains the output readable code that illustrates
110             how to use the editor, having the results shown in this sample. -->
111        <fieldset title="Code">
112                <legend>Code</legend>
113                <pre>
114&lt;form action=""&gt;
115  &lt;p&gt;
116    &lt;label for="editor1"&gt;
117      Editor 1:&lt;/label&gt;&lt;br /&gt;
118    &lt;textarea <b>name="editor1"</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;
119    &lt;script type="text/javascript"&gt;
120    //&lt;![CDATA[
121
122      <b>CKEDITOR.replace( 'editor1' );</b>
123
124    //]]&gt;
125    &lt;/script&gt;
126  &lt;/p&gt;
127  &lt;p&gt;
128    &lt;input type="submit" value="Submit" /&gt;
129  &lt;/p&gt;
130&lt;/form&gt;
131</pre>
132        </fieldset>
133        <div id="footer">
134                <hr/>
135                <p>
136                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/" shape="rect">http://ckeditor.com</a>
137                </p>
138                <p id="copy">
139                        Copyright © 2003-2009, <a href="http://cksource.com/" shape="rect">CKSource</a> - Frederico Knabben. All rights reserved.
140                </p>
141        </div>
142</body>
143</html>
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy