diff options
| author | Silvio Rhatto <rhatto@riseup.net> | 2014-03-15 15:05:42 -0300 |
|---|---|---|
| committer | Silvio Rhatto <rhatto@riseup.net> | 2014-03-15 15:05:42 -0300 |
| commit | 20f9884f9a52e810d7e3cdbdd92eabc64812e097 (patch) | |
| tree | f01dbe4db567b7bebb38274286ca2b3fc02a6d66 /vendors/ckeditor/plugins/autogrow/samples/autogrow.html | |
| download | elgg-20f9884f9a52e810d7e3cdbdd92eabc64812e097.tar.gz elgg-20f9884f9a52e810d7e3cdbdd92eabc64812e097.tar.bz2 | |
Squashed 'mod/ckeditor/' content from commit 9f4ede0
git-subtree-dir: mod/ckeditor
git-subtree-split: 9f4ede06562e229a26d7ae8d32ebb23453c293e7
Diffstat (limited to 'vendors/ckeditor/plugins/autogrow/samples/autogrow.html')
| -rw-r--r-- | vendors/ckeditor/plugins/autogrow/samples/autogrow.html | 99 |
1 files changed, 99 insertions, 0 deletions
diff --git a/vendors/ckeditor/plugins/autogrow/samples/autogrow.html b/vendors/ckeditor/plugins/autogrow/samples/autogrow.html new file mode 100644 index 000000000..72cba9032 --- /dev/null +++ b/vendors/ckeditor/plugins/autogrow/samples/autogrow.html @@ -0,0 +1,99 @@ +<!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>AutoGrow Plugin — CKEditor Sample</title> + <meta charset="utf-8"> + <script src="../../../ckeditor.js"></script> + <link rel="stylesheet" href="../../../samples/sample.css"> + <meta name="ckeditor-sample-name" content="AutoGrow plugin"> + <meta name="ckeditor-sample-group" content="Plugins"> + <meta name="ckeditor-sample-description" content="Using the AutoGrow plugin in order to make the editor grow to fit the size of its content."> +</head> +<body> + <h1 class="samples"> + <a href="../../../samples/index.html">CKEditor Samples</a> » Using AutoGrow Plugin + </h1> + <div class="description"> + <p> + This sample shows how to configure CKEditor instances to use the + <strong>AutoGrow</strong> (<code>autogrow</code>) plugin that lets the editor window expand + and shrink depending on the amount and size of content entered in the editing area. + </p> + <p> + In its default implementation the <strong>AutoGrow feature</strong> can expand the + CKEditor window infinitely in order to avoid introducing scrollbars to the editing area. + </p> + <p> + It is also possible to set a maximum height for the editor window. Once CKEditor + editing area reaches the value in pixels specified in the + <code><a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-autoGrow_maxHeight">autoGrow_maxHeight</a></code> + configuration setting, scrollbars will be added and the editor window will no longer expand. + </p> + <p> + To add a CKEditor instance using the <code>autogrow</code> plugin and its + <code>autoGrow_maxHeight</code> attribute, insert the following JavaScript call to your code: + </p> +<pre class="samples"> +CKEDITOR.replace( '<em>textarea_id</em>', { + <strong>extraPlugins: 'autogrow',</strong> + autoGrow_maxHeight: 800, + + // Remove the Resize plugin as it does not make sense to use it in conjunction with the AutoGrow plugin. + removePlugins: 'resize' +});</pre> + <p> + Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of + the <code><textarea></code> element to be replaced with CKEditor. The maximum height should + be given in pixels. + </p> + </div> + <form action="../../../samples/sample_posteddata.php" method="post"> + <p> + <label for="editor1"> + CKEditor using the <code>autogrow</code> plugin with its default configuration: + </label> + <textarea cols="80" id="editor1" name="editor1" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> + <script> + + CKEDITOR.replace( 'editor1', { + extraPlugins: 'autogrow', + removePlugins: 'resize' + }); + + </script> + </p> + <p> + <label for="editor2"> + CKEditor using the <code>autogrow</code> plugin with maximum height set to 400 pixels: + </label> + <textarea cols="80" id="editor2" name="editor2" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> + <script> + + CKEDITOR.replace( 'editor2', { + extraPlugins: 'autogrow', + autoGrow_maxHeight: 400, + removePlugins: 'resize' + }); + + </script> + </p> + <p> + <input type="submit" value="Submit"> + </p> + </form> + <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> |