This plugin adds a quicktable feature to the existing table plugin.

The original code was submitted by danyaPostfactum as a pull request for the table plugin. I just extracted the code and made a separate plugin out of it and added some options to it (see sample in plugin directory)

The original table plugin is required for this to work!

    CKEDITOR.replace( 'editor1', {
        qtRows: 20, // Count of rows
        qtColumns: 20, // Count of columns
        qtBorder: '1', // Border of inserted table
        qtWidth: '90%', // Width of inserted table
        qtStyle: { 'border-collapse' : 'collapse' },
        qtClass: 'test', // Class of table
        qtCellPadding: '0', // Cell padding table
        qtCellSpacing: '0', // Cell spacing table
        qtPreviewBorder: '4px double black', // preview table border 
        qtPreviewSize: '4px', // Preview table cell size 
        qtPreviewBackground: '#c8def4' // preview table background (hover)
Known Issues:
  • Some missing translations

For more Information see original post here



53,733 downloads (view stats)


Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0.5

DownloadRelease notes

Version 1.0.5

  • If the border gets disabled (config.qtBorder = 0) it isn't necessary to set the qtClass to cke_show_border anymore
    • Event removeFormatCleanup is fired if table gets inserted into the editor
  • Small changes to the preview table design (no table border, cellspacing and cellpadding of 1)
  • Adding option for preview table cell border
  • Adding option for preview table cell background on hover
  • Adding option for preview table cell size


Version: 1.0.6

DownloadRelease notes

Disable features with null

  • cellpadding
  • cellspacing
  • border
  • width
Twitter Facebook Facebook Instagram Medium Google+ GitHub Arrow down Phone Menu Close icon Check