tinymceツールバーを外部divに配置するにはどうすればよいですか? 私はこれを成功させます:
ツールバーを外部に配置しましたが、ツールバーを表示するためのcssテーマをロードしません.cssはiframeに読み込まれるため、ツールバーは表示されません。
tinymceツールバーを外部divに配置するにはどうすればよいですか? 私はこれを成功させます:
ツールバーを外部に配置しましたが、ツールバーを表示するためのcssテーマをロードしません.cssはiframeに読み込まれるため、ツールバーは表示されません。
これは数ヶ月前の私にとっての問題でした。必要なのは、外部ツールバーを目的の場所に移動することだけです。プラグインの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
});
},
みんな、これを試してみたいなら、もっと簡単で短い
setup:function(ed){
ed.onInit.add(function(ed, evt){
$toolbar = $('#'+ed.id+'_external');
$toolbar.hide().appendTo('yourExternalDiv');
});
}
「ムンシフ・ムラ」