3 Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
4 For licensing, see LICENSE.md or http://ckeditor.com/license
9 <title>Append To Page Element Using JavaScript Code
— CKEditor Sample
</title>
10 <script src=
"../../ckeditor.js"></script>
11 <link rel=
"stylesheet" href=
"sample.css">
15 <a href=
"index.html">CKEditor Samples
</a> » Append To Page Element Using JavaScript Code
17 <div class=
"warning deprecated">
18 This sample is not maintained anymore. Check out the
<a href=
"http://sdk.ckeditor.com/">brand new samples in CKEditor SDK
</a>.
21 <div class=
"description">
23 The
<code><a class=
"samples" href=
"http://docs.ckeditor.com/#!/api/CKEDITOR-method-appendTo">CKEDITOR.appendTo()
</a></code> method serves to to place editors inside existing DOM elements. Unlike
<code><a class=
"samples" href=
"http://docs.ckeditor.com/#!/api/CKEDITOR-method-replace">CKEDITOR.replace()
</a></code>,
24 a target container to be replaced is no longer necessary. A new editor
25 instance is inserted directly wherever it is desired.
27 <pre class=
"samples">CKEDITOR.appendTo( '
<em>container_id
</em>',
28 { /* Configuration options to be used. */ }
29 'Editor content to be used.'
34 // This call can be placed at any point after the
35 // DOM element to append CKEditor to or inside the
<head><script>
36 // in a window.onload event handler.
38 // Append a CKEditor instance using the default configuration and the
39 // provided content to the
<div> element of ID "section1".
40 CKEDITOR.appendTo( 'section1',
42 '
<p>This is some
<strong>sample text
</strong>. You are using
<a href=
"http://ckeditor.com/">CKEditor
</a>.
</p>'
51 CKEditor - The text editor for the Internet -
<a class=
"samples" href=
"http://ckeditor.com/">http://ckeditor.com
</a>
54 Copyright
© 2003-
2017,
<a class=
"samples" href=
"http://cksource.com/">CKSource
</a> - Frederico
55 Knabben. All rights reserved.