X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_samples%2Fautogrow.html;h=59e3a98eaa86f45db84089d69ee48760f0cef0fb;hb=2f22c0c38f17e75be5541089076885442aaa2377;hp=ccc08b67a4e4947470bffb116d878b0794c470f1;hpb=e371ddf8abcb89013e20e6d0dd746adec344d0e5;p=ckeditor.git diff --git a/_samples/autogrow.html b/_samples/autogrow.html index ccc08b6..59e3a98 100644 --- a/_samples/autogrow.html +++ b/_samples/autogrow.html @@ -1,20 +1,53 @@
-
+ This sample shows how to configure CKEditor instances to use the
+ AutoGrow (autogrow
) plugin that lets the editor window expand
+ and shrink depending on the amount and size of content entered in the editing area.
+
+ In its default implementation the AutoGrow feature can expand the + CKEditor window infinitely in order to avoid introducing scrollbars to the editing area. +
+
+ 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
+ autoGrow_maxHeight
+
configuration setting, scrollbars will be added and the editor window will no longer expand.
+
+ To add a CKEditor instance using the autogrow
plugin and its
+ autoGrow_maxHeight
attribute, insert the following JavaScript call to your code:
+
CKEDITOR.replace( 'textarea_id', + { + extraPlugins : 'autogrow', + autoGrow_maxHeight : 800, + // Remove the Resize plugin as it does not make sense to use it in conjunction with the AutoGrow plugin. + removePlugins : 'resize' + });+
+ Note that textarea_id
in the code above is the id
attribute of
+ the <textarea>
element to be replaced with CKEditor. The maximum height should
+ be given in pixels.
+