TinyMCE4 эквивалент внешнего расположения панели инструментов?

Question

В TinyMCE 3 вы можете использовать theme_advanced_toolbar_location = 'external'в настройках mce создаем элемент class=mceExternalToolbar.

Тем не менее, кажется, что нет точного эквивалента для TinyMCE 4. Я что-то упустил, или внешняя панель инструментов при прокрутке придерживается вверх, что трудно сделать в TinyMCE 4?

Answer 1

В TinyMCE 3 "theme_advanced_toolbar_location" является опцией темы "продвинутой" темы, которая является одной из официальных тем (другая простая, вы можете увидеть эти 2 темы в папке tiny_mce\themes)

Но в TinyMCE 4 нет "продвинутой" темы, но есть "современная" тема в качестве темы по умолчанию, с этой темой есть опция "inline", которая эквивалентна старой "внешней".

tinymce.init({
            //this will make the toolbar "external"
            inline : true,
            //.....
        });

http://www.tinymce.com/wiki.php/Inline

http://www.tinymce.com/tryit/inline.php

Answer 2

Оба ответа помогли мне получить панель инструментов внизу, но эта CSS поможет держать ее постоянно видимой.

/* make sure toolbar doesn't get hidden */

#toolbar > .mce-tinymce {
  display: block !important;
}

CSS ТОЛЬКО РЕШЕНИЕ

Если вы можете использовать flexbox и вам нужно только поменять положение, вы можете использовать следующее с соответствующими префиксами, чтобы получить панель инструментов внизу:

.mce-tinymce > .mce-container-body {
  display: flex !important;
  flex-direction: column-reverse;
} 

Answer 3

Была такая же проблема. Да, есть простое решение, но оно, похоже, не было найдено ни в одном поиске. В итоге обнаружил его случайно при просмотре вариантов конфигурации.

tinymce.init({
    inline: true,
    fixed_toolbar_container: "#mytoolbar"
});

http://www.tinymce.com/wiki.php/Configuration:fixed_toolbar_container