Расположение панели инструментов TinyMCE

Как панель инструментов может отображаться в определенном месте (div с определенным идентификатором)?

Я пробовал theme_advanced_toolbar_location: & quot; внешний & quot; и установка положения «mceExternalToolbar» (как предложено здесь:TinyMCE - положение внешней панели инструментов) но это решение не очень нравится, поскольку оно использует фиксированное позиционирование .... Есть ли вариант, как разместить div.

Документ говорит для theme_advanced_toolbar_location:

.. adds the toolbar to a DIV element and sets the class of this DIV to "mceExternalToolbar". ... but not if you can change the div. is there maybe a possibilty to change this code?

BR, Стефан

Ответы на вопрос(1)

Решение Вопроса

Это было проблемой для меня несколько месяцев назад. Все, что вам нужно сделать, это переместить внешнюю панель инструментов в нужное место. Я написал функцию в одном из моих плагинов. На моей странице я создал div с классом "externalToolbarWrapper" в котором я вставляю панель инструментов. Вот эта функция. Возможно, вам придется немного подправить его, но подумайте, что это поможет вам.

    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
    },

Update:

Вы должны назвать это onInit (используйтенастройка параметров конфигурации Вот)

   setup : function(ed) {
      ed.onInit.add(function(ed) {
          // place your code here
      });
   },

Ваш ответ на вопрос