Diff #4 - trunk/ext/public/plugins/ckeditor/samples/old/appendto.html

apex/webapp
4
trunk/ext/public/plugins/ckeditor/samples/old/appendto.html
2,531 bytes
apex
January 20, 2025 at 08:20


Diff

Index: appendto.html

--- appendto.html (nonexistent) +++ appendto.html (revision 4) @@ -0,0 +1,60 @@ + + + + + + Append To Page Element Using JavaScript Code — CKEditor Sample + + + + +

+

+ CKEditor Samples » Append To Page Element Using JavaScript Code +

<

div id="section1"> +

+

+ The CKEDITOR.appendTo() method serves to to place editors inside existing DOM elements. Unlike CKEDITOR.replace(), + a target container to be replaced is no longer necessary. A new editor + instance is inserted directly wherever it is desired. +

+
CKEDITOR.appendTo( 'container_id',
+   { /* Configuration options to be used. */ }
+   'Editor content to be used.'
+);
+ 
  •

    <

script> + + // This call can be placed at any point after the + // DOM element to append CKEditor to or inside the


  • + +

    Full Code

    Append To Page Element Using JavaScript Code — CKEditor Sample

    CKEditor Samples » Append To Page Element Using JavaScript Code

    This sample is not maintained anymore. Check out the brand new samples in CKEditor Examples.

    The CKEDITOR.appendTo() method serves to to place editors inside existing DOM elements. Unlike CKEDITOR.replace(), a target container to be replaced is no longer necessary. A new editor instance is inserted directly wherever it is desired. 

    CKEDITOR.appendTo( 'container_id',
    { /* Configuration options to be used. */ }
    'Editor content to be used.'
);
        </div>
    <script>

        // This call can be placed at any point after the
        // DOM element to append CKEditor to or inside the <head><script>
        // in a window.onload event handler.

        // Append a CKEditor instance using the default configuration and the
        // provided content to the <div> element of ID "section1".
        CKEDITOR.appendTo( 'section1',
            null,
            '<p>This is some <strong>sample text</strong>. You are using <a href="https://ckeditor.com/">CKEditor</a>.</p>'
        );

    </script>
</div>
<br>
<div id="footer">
    <hr>
    <p>
        CKEditor - The text editor for the Internet - <a class="samples" href="https://ckeditor.com/">https://ckeditor.com</a>
    </p>
    <p id="copy">
        Copyright &copy; 2003-2019, <a class="samples" href="https://cksource.com/">CKSource</a> - Frederico
        Knabben. All rights reserved.
    </p>
</div>