1

以下のコード スニペットを使用して、tinymce の forecolor、backcolor、bulllist などのさまざまな機能を表示しました。

 $(function() {
  appendTinyMCE();
 function appendTinyMCE(){
    tinyMCE.init({

        // General options
        mode : "textareas",
        theme : "advanced",
        plugins : "preview",
        // Theme options
        theme_advanced_buttons1 : "forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,|,formatselect,fontselect,fontsizeselect,sub,sup,|,bold,italic,underline,strikethrough",
        theme_advanced_buttons2 : "",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true

});}

});

しかし、ブラウザーで tinymce を見ると、tinymce エディターのヘッダー幅の約 25% がたった 2 つのボタン、つまり forecolor、backcolor で占められていますが、これは非常に奇妙に見えますが、theme_advanced_toolbar_align : "left" について言及しました。ここに画像があります。

ここに画像の説明を入力

各ボタンの幅が均一になるように tinymce ボタンを調整できますか?

4

1 に答える 1

1

tinymce init 構成パラメーターのeditor_cssを使用して、tinymce ツールバーの css を調整できます。

于 2012-07-17T12:23:50.770 に答える