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

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

app/assets/javascripts/ckeditor/config.js
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になっているのが確認できます。
完成イメージ

Comments