If you want to make your CKEditor table responsive you need to set the table width in percentage rather then a fixed px or em value. By default, the table width value is set to 500 px. To change this value you need to add the following code in config.xml file.
/**
* @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or http://ckeditor.com/license
*/
CKEDITOR.on('dialogDefinition', function( ev ) {
var diagName = ev.data.name;
var diagDefn = ev.data.definition;
if(diagName === 'table') {
var infoTab = diagDefn.getContents('info');
var width = infoTab.get('txtWidth');
width['default'] = "100%";
}
});
The above code will set the Table's default width to 100% instead of 500 as previously set.
![Change CKEditor default width.png Change CKEditor default width.png](https://code2care.org/2015/change-ckeditor-table-properties-default-width/images/Change CKEditor default width.png)
Change CKEditor default width.png
More Posts related to CKEditor,
More Posts:
- Python: Access index/counter of a for loop iteration - Python
- How to turn off CR LF CRLF in Notepad++ - NotepadPlusPlus
- [fix] How to Show file extensions on all files on Mac - MacOS
- Where is .zshrc file located in macOS - MacOS
- appcompat_v7 errors after updates to API level 21 Material Theme - Android
- Bash Command to Check Disk Space - Bash
- Python: If Else Statements in One Single Line - Python
- [Solved] SharePoint System.IO.FileNotFoundException was unhandled - SharePoint