aboutsummaryrefslogtreecommitdiff
path: root/mod/ckeditor/vendors/ckeditor/samples/ajax.html
diff options
context:
space:
mode:
authorSilvio Rhatto <rhatto@riseup.net>2014-03-15 15:05:42 -0300
committerSilvio Rhatto <rhatto@riseup.net>2014-03-15 15:05:42 -0300
commit82ca8e9f8839b98a5770a90027adcecbe603d06f (patch)
tree0f8e599218b8bcf1bb84d1defdeb8b5dd31b8a14 /mod/ckeditor/vendors/ckeditor/samples/ajax.html
parented3335df218dca6aa14f1686454b3e265339b729 (diff)
parent20f9884f9a52e810d7e3cdbdd92eabc64812e097 (diff)
downloadelgg-82ca8e9f8839b98a5770a90027adcecbe603d06f.tar.gz
elgg-82ca8e9f8839b98a5770a90027adcecbe603d06f.tar.bz2
Merge commit '20f9884f9a52e810d7e3cdbdd92eabc64812e097' as 'mod/ckeditor'
Diffstat (limited to 'mod/ckeditor/vendors/ckeditor/samples/ajax.html')
-rw-r--r--mod/ckeditor/vendors/ckeditor/samples/ajax.html82
1 files changed, 82 insertions, 0 deletions
diff --git a/mod/ckeditor/vendors/ckeditor/samples/ajax.html b/mod/ckeditor/vendors/ckeditor/samples/ajax.html
new file mode 100644
index 000000000..6ebe34e83
--- /dev/null
+++ b/mod/ckeditor/vendors/ckeditor/samples/ajax.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+-->
+<html>
+<head>
+ <title>Ajax &mdash; CKEditor Sample</title>
+ <meta charset="utf-8">
+ <script src="../ckeditor.js"></script>
+ <link rel="stylesheet" href="sample.css">
+ <script>
+
+ var editor, html = '';
+
+ function createEditor() {
+ if ( editor )
+ return;
+
+ // Create a new editor inside the <div id="editor">, setting its value to html
+ var config = {};
+ editor = CKEDITOR.appendTo( 'editor', config, html );
+ }
+
+ function removeEditor() {
+ if ( !editor )
+ return;
+
+ // Retrieve the editor contents. In an Ajax application, this data would be
+ // sent to the server or used in any other way.
+ document.getElementById( 'editorcontents' ).innerHTML = html = editor.getData();
+ document.getElementById( 'contents' ).style.display = '';
+
+ // Destroy the editor.
+ editor.destroy();
+ editor = null;
+ }
+
+ </script>
+</head>
+<body>
+ <h1 class="samples">
+ <a href="index.html">CKEditor Samples</a> &raquo; Create and Destroy Editor Instances for Ajax Applications
+ </h1>
+ <div class="description">
+ <p>
+ This sample shows how to create and destroy CKEditor instances on the fly. After the removal of CKEditor the content created inside the editing
+ area will be displayed in a <code>&lt;div&gt;</code> element.
+ </p>
+ <p>
+ For details of how to create this setup check the source code of this sample page
+ for JavaScript code responsible for the creation and destruction of a CKEditor instance.
+ </p>
+ </div>
+ <p>Click the buttons to create and remove a CKEditor instance.</p>
+ <p>
+ <input onclick="createEditor();" type="button" value="Create Editor">
+ <input onclick="removeEditor();" type="button" value="Remove Editor">
+ </p>
+ <!-- This div will hold the editor. -->
+ <div id="editor">
+ </div>
+ <div id="contents" style="display: none">
+ <p>
+ Edited Contents:
+ </p>
+ <!-- This div will be used to display the editor contents. -->
+ <div id="editorcontents">
+ </div>
+ </div>
+ <div id="footer">
+ <hr>
+ <p>
+ CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+ </p>
+ <p id="copy">
+ Copyright &copy; 2003-2013, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+ Knabben. All rights reserved.
+ </p>
+ </div>
+</body>
+</html>