diff options
Diffstat (limited to 'samples/ajax.html')
| -rwxr-xr-x[-rw-r--r--] | samples/ajax.html | 164 |
1 files changed, 82 insertions, 82 deletions
diff --git a/samples/ajax.html b/samples/ajax.html index 5c92fa5..59333eb 100644..100755 --- a/samples/ajax.html +++ b/samples/ajax.html @@ -1,82 +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 — 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> » 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><div></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 © 2003-2013, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico - Knabben. All rights reserved. - </p> - </div> -</body> -</html> +<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+-->
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>Ajax — CKEditor Sample</title>
+ <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> » 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><div></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 © 2003-2014, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+ Knabben. All rights reserved.
+ </p>
+ </div>
+</body>
+</html>
|
