javascript - TinyMCEボタン出力をカスタマイズする方法

Question

インデントボタンのデフォルトの動作を変更したいと思います。デフォルトでは、インデントボタンはpadding-left: 30px;段落タグにcssスタイルを追加します。margin-left: 20pxそれを、または任意の数に変更したいと思います。

score 3 · Accepted Answer

「インデント」を設定すると、金額を構成できます。オプション「indent_use_margin」が2014年1月に追加され、css属性を切り替えることができるようになりました：https ：//github.com/tinymce/tinymce/pull/290

TinyMCEを使用してユーザーがHTMLメールを編集できるようにし、メールクライアント（特にOutlook）がむらのあるCSSサポートについて悪名高いため、これが必要でした。

例：

    tinymce.init({
        indent_use_margin: true,
        indentation: 20,

score 2 · Accepted Answer

tinyMCEコードをハッキングせずにそれが可能かどうかはわかりません。1つのオプションは、次のようにカスタムスタイルを使用することです：http ：//www.tinymce.com/wiki.php/Configuration：style_formats

tinyMCE.init({
    ...
    style_formats : [
        {title : 'Indented text', inline : 'p', styles : {marginLeft : '20px'}}
    ]
});

そして、インデントボタンを押す代わりにスタイルを適用します。

2 に答える 2