3

定義された場所(特定のIDを持つdiv)にツールバーを表示するにはどうすればよいですか?

theme_advanced_toolbar_location: "external"を試し、 "mceExternalToolbar"の位置を設定しました(ここで提案されているように:TinyMCE-外部ツールバーの位置)が、固定位置を使用しているため、このソリューションはあまり好きではありません。 divを配置する場所。

ドキュメントはtheme_advanced_toolbar_locationについて次のように述べています。

..ツールバーをDIV要素に追加し、このDIVのクラスを「mceExternalToolbar」に設定します。...ただし、divを変更できる場合はそうではありません。このコードを変更する可能性はありますか?

BR、ステファン

4

1 に答える 1

2

これは数ヶ月前の私にとっての問題でした。必要なのは、外部ツールバーを目的の場所に移動することだけです。プラグインの1つで関数を作成しました。私のページでは、ツールバーを挿入するクラス「externalToolbarWrapper」のdivを作成しました。これがその関数です。あなたはそれを少し微調整する必要があるかもしれませんが、それはあなたの助けになると思います。

    showExternalToolbar: function(){

        if (this.editor.getParam('theme_advanced_toolbar_location') != 'external') return;

        if (!document.getElementById('externalToolbarWrapper')) $(document.body).prepend('<div id="externalToolbarWrapper"></div>');

        var $toolbar = $('#'+this.editor.id + '_external');

        // inserts the external toolbar in the external wrapper
        $('#externalToolbarWrapper').append('<div id="replacementDiv"></div>');

        $('#replacementDiv').replaceWith($toolbar.show());
        $toolbar.css('top','0px');
        $toolbar.css('display','block');

        $('#' + this.editor.id + '_external_close').remove();
        $('#' + this.editor.id +'_toolbargroup').css('width', innerWidth || 800); // innerwidth is an integer value
    },

アップデート:

onInitと呼ぶ必要があります(ここでセットアップ構成パラメーターを使用してください)

   setup : function(ed) {
      ed.onInit.add(function(ed) {
          // place your code here
      });
   },
于 2012-05-31T08:04:26.507 に答える