なんとなく日々徒然と

ckeditorのテーブルのデフォルト値を変更

相変わらず使わせてもらってます。 ckeditor
デフォルトでテーブルのサイズが500pxとなっておりますが、スマートフォンでも表示する必要がありこれを100%にしたくてしらべました。
ついでに邪魔なのでborderとcellspacingの値も0にしちゃいましょう。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
CKEDITOR.on( 'dialogDefinition', function( ev ) {
    var dialogName = ev.data.name;
    var dialogDefinition = ev.data.definition;

    if ( dialogName == 'table' ) {
        var info = dialogDefinition.getContents( 'info' );

        info.get( 'txtWidth' )[ 'default' ] = '100%';
        info.get( 'txtBorder' )[ 'default' ] = '0';
        info.get( 'txtCellSpace' )[ 'default' ] = '0';
    }
});

テーブルダイアログが初期値で幅100%、枠線の幅0、セル内余白0になっているのが確認できます。
![完成イメージ](/images/blog/2015-07-15 17.00.59.png)