e308eda945495b85803411280638223a51222982
[ckeditor.git] / skins / ckeditor / samples / appendto.html
1 <!DOCTYPE html>
2 <!--
3 Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
4 For licensing, see LICENSE.md or http://ckeditor.com/license
5 -->
6 <html>
7 <head>
8 <meta charset="utf-8">
9 <title>CKEDITOR.appendTo &mdash; CKEditor Sample</title>
10 <script src="../ckeditor.js"></script>
11 <link rel="stylesheet" href="sample.css">
12 </head>
13 <body>
14 <h1 class="samples">
15 <a href="index.html">CKEditor Samples</a> &raquo; Append To Page Element Using JavaScript Code
16 </h1>
17 <div id="section1">
18 <div class="description">
19 <p>
20 <code>CKEDITOR.appendTo</code> is basically to place editors
21 inside existing DOM elements. Unlike <code>CKEDITOR.replace</code>,
22 a target container to be replaced is no longer necessary. A new editor
23 instance is inserted directly wherever it is desired.
24 </p>
25 <pre class="samples">CKEDITOR.appendTo( '<em>container_id</em>',
26 { /* Configuration options to be used. */ }
27 'Editor content to be used.'
28 );</pre>
29 </div>
30 <script>
31
32 // This call can be placed at any point after the
33 // <textarea>, or inside a <head><script> in a
34 // window.onload event handler.
35
36 // Replace the <textarea id="editor"> with an CKEditor
37 // instance, using default configurations.
38 CKEDITOR.appendTo( 'section1',
39 null,
40 '<p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>'
41 );
42
43 </script>
44 </div>
45 <br>
46 <div id="footer">
47 <hr>
48 <p>
49 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
50 </p>
51 <p id="copy">
52 Copyright &copy; 2003-2014, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
53 Knabben. All rights reserved.
54 </p>
55 </div>
56 </body>
57 </html>