X-Git-Url: https://jasonwoof.com/gitweb/?p=ckeditor.git;a=blobdiff_plain;f=_samples%2Fautogrow.html;h=e5ac0e0b441c0fde41e348a1b629c6db5614147c;hp=ccc08b67a4e4947470bffb116d878b0794c470f1;hb=48b1db88210b4160dce439c6e3e32e14af8c106b;hpb=9afde8772159bd3436f1f5b7862960307710ae5a diff --git a/_samples/autogrow.html b/_samples/autogrow.html index ccc08b6..e5ac0e0 100644 --- a/_samples/autogrow.html +++ b/_samples/autogrow.html @@ -1,20 +1,50 @@ - AutoGrow Plugin - CKEditor Sample + AutoGrow Plugin — CKEditor Sample -

- CKEditor Sample +

+ CKEditor Sample — Using AutoGrow Plugin

+
+

+ This sample shows how to configure CKEditor instances to use the + 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 + attribute, 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
+	});
+

+ 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. +

+

- In this sample the AutoGrow plugin is available. It makes the editor grow to fit the size of the content.

-


+ CKEditor using the autogrow plugin with its default configuration: