danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: Using TableResize Plugin — CKEditor Sample danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0:

danielebarchiesi@0: CKEditor Sample — Using the TableResize Plugin danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0:

danielebarchiesi@0: This sample shows how to configure CKEditor instances to use the danielebarchiesi@0: TableResize (tableresize) plugin that allows danielebarchiesi@0: the user to edit table columns by using the mouse. danielebarchiesi@0:

danielebarchiesi@0:

danielebarchiesi@0: The TableResize plugin makes it possible to modify table column width. Hover danielebarchiesi@0: your mouse over the column border to see the cursor change to indicate that danielebarchiesi@0: the column can be resized. Click and drag your mouse to set the desired width. danielebarchiesi@0:

danielebarchiesi@0:

danielebarchiesi@0: By default the plugin is turned off. To add a CKEditor instance using the danielebarchiesi@0: TableResize plugin, insert the following JavaScript call into your code: danielebarchiesi@0:

danielebarchiesi@0: 
CKEDITOR.replace( 'textarea_id',
danielebarchiesi@0: 	{
danielebarchiesi@0: 		extraPlugins : 'tableresize'
danielebarchiesi@0: 	});
danielebarchiesi@0:

danielebarchiesi@0: Note that textarea_id in the code above is the id attribute of danielebarchiesi@0: the <textarea> element to be replaced with CKEditor. danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0: danielebarchiesi@0:
danielebarchiesi@0: danielebarchiesi@0:
danielebarchiesi@0:
danielebarchiesi@0:

danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0:

danielebarchiesi@0:

danielebarchiesi@0: danielebarchiesi@0:

danielebarchiesi@0:
danielebarchiesi@0: danielebarchiesi@0: danielebarchiesi@0: