You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

56 lines
2.0 KiB

  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>Append To Page Element Using JavaScript Code &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. 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>,
  21. a target container to be replaced is no longer necessary. A new editor
  22. instance is inserted directly wherever it is desired.
  23. </p>
  24. <pre class="samples">CKEDITOR.appendTo( '<em>container_id</em>',
  25. { /* Configuration options to be used. */ }
  26. 'Editor content to be used.'
  27. );</pre>
  28. </div>
  29. <script>
  30. // This call can be placed at any point after the
  31. // DOM element to append CKEditor to or inside the <head><script>
  32. // in a window.onload event handler.
  33. // Append a CKEditor instance using the default configuration and the
  34. // provided content to the <div> element of ID "section1".
  35. CKEDITOR.appendTo( 'section1',
  36. null,
  37. '<p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>'
  38. );
  39. </script>
  40. </div>
  41. <br>
  42. <div id="footer">
  43. <hr>
  44. <p>
  45. CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
  46. </p>
  47. <p id="copy">
  48. Copyright &copy; 2003-2014, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
  49. Knabben. All rights reserved.
  50. </p>
  51. </div>
  52. </body>
  53. </html>