工具栏如何显示在已定义的 Place（具有特定 id 的 div）上？
我尝试了 theme_advanced_toolbar_location : "external" 并设置了 "mceExternalToolbar" 的位置（就像这里建议的那样：TinyMCE - external toolbar position）但我不太喜欢这个解决方案，因为它使用固定定位...... 是否可以选择如何放置 div。
文档说 theme_advanced_toolbar_location：
.. 将工具栏添加到 DIV 元素并将此 DIV 的类设置为 “mceExternalToolbar”。 ... 但如果您可以更改 div，则不会。是否有可能更改此代码？
BR, 斯蒂芬
【问题讨论】：
标签： javascript tinymce toolbar
几个月前这对我来说一直是个问题。您需要做的就是将外部工具栏移动到您想要的位置。我在我的一个插件中编写了一个函数。 在我的页面上，我创建了一个带有“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 configuration parameter）
setup : function(ed) {
ed.onInit.add(function(ed) {
// place your code here
});
},
【讨论】：