vanilla ckeditor-4.5.6_full

[ckeditor.git] / samples / old / appendto.html
diff --git a/samples/old/appendto.html b/samples/old/appendto.html

new file mode 100644 (file)

index 0000000..71eaac9
--- /dev/null
+++ b/samples/old/appendto.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>\r
+<!--\r
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.\r
+For licensing, see LICENSE.md or http://ckeditor.com/license\r
+-->\r
+<html>\r
+<head>\r
+       <meta charset="utf-8">\r
+       <title>Append To Page Element Using JavaScript Code &mdash; CKEditor Sample</title>\r
+       <script src="../../ckeditor.js"></script>\r
+       <link rel="stylesheet" href="sample.css">\r
+</head>\r
+<body>\r
+       <h1 class="samples">\r
+               <a href="index.html">CKEditor Samples</a> &raquo; Append To Page Element Using JavaScript Code\r
+       </h1>\r
+       <div class="warning deprecated">\r
+               This sample is not maintained anymore. Check out the <a href="http://sdk.ckeditor.com/">brand new samples in CKEditor SDK</a>.\r
+       </div>\r
+       <div id="section1">\r
+               <div class="description">\r
+                       <p>\r
+                               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>,\r
+                               a target container to be replaced is no longer necessary. A new editor\r
+                               instance is inserted directly wherever it is desired.\r
+                       </p>\r
+<pre class="samples">CKEDITOR.appendTo( '<em>container_id</em>',\r
+       { /* Configuration options to be used. */ }\r
+       'Editor content to be used.'\r
+);</pre>\r
+               </div>\r
+               <script>\r
+\r
+                       // This call can be placed at any point after the\r
+                       // DOM element to append CKEditor to or inside the <head><script>\r
+                       // in a window.onload event handler.\r
+\r
+                       // Append a CKEditor instance using the default configuration and the\r
+                       // provided content to the <div> element of ID "section1".\r
+                       CKEDITOR.appendTo( 'section1',\r
+                               null,\r
+                               '<p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>'\r
+                       );\r
+\r
+               </script>\r
+       </div>\r
+       <br>\r
+       <div id="footer">\r
+               <hr>\r
+               <p>\r
+                       CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>\r
+               </p>\r
+               <p id="copy">\r
+                       Copyright &copy; 2003-2015, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico\r
+                       Knabben. All rights reserved.\r
+               </p>\r
+       </div>\r
+</body>\r
+</html>\r