javascript - ckeditorツールバーボタンの動作をカスタマイズする方法は？

Question

ckeditor 4.0.1では、「左から右へのテキストの方向」ツールバーボタンを押すと、「」と入力helloすると、生成されるHTMLソースは次のようになります。

<p dir="ltr">hello</p>

生成されたソースが次のようになるように、この動作を変更するにはどうすればよいですか。

<p dir="ltr" style="text-align: left;">hello</p>

前もって感謝します。

Answer 1

これは dataProcessor で行うことができます。

CKEDITOR.replace( 'editor1', {
    on: {
        instanceReady: function () {
            this.dataProcessor.htmlFilter.addRules( {
                elements: {
                    p: function( element ) {
                        if ( element.attributes.dir == 'ltr' )
                            element.attributes.style = 'text-align: left;';
                    }
                }
            });
        }
    }
} );

グローバルに追加することもできます:

CKEDITOR.on( 'instanceReady', function ( event ) {
    event.editor.dataProcessor.htmlFilter.addRules( {
        elements: {
            p: function( element ) {
                if ( element.attributes.dir == 'ltr' )
                    element.attributes.style = 'text-align: left;';
            }
        }
    });
} );