X-Git-Url: https://scm.cri.minesparis.psl.eu/git/ckeditor.git/blobdiff_plain/256592bf803e851aa7fc953e08a6e9e58d970f8c..871bad8291b6dbc29d489d95d185458caab25158:/skins/ckeditor/_samples/autogrow.html diff --git a/skins/ckeditor/_samples/autogrow.html b/skins/ckeditor/_samples/autogrow.html new file mode 100644 index 0000000..560474f --- /dev/null +++ b/skins/ckeditor/_samples/autogrow.html @@ -0,0 +1,107 @@ + + + + + AutoGrow Plugin — 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,
+		// Remove the resize plugin, as it doesn't 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. +

+
+ +
+ +
+
+

+ + + +

+

+ + + +

+

+ +

+
+ + +