WYSIWYG редактор TinyMCE

Стандартный редактор Joomla! - для подключения достаточно этого:

<script src="/media/editors/tinymce/tinymce.min.js" type="text/javascript"></script>

 

В примере ниже сперва выполняется разблокировка элементов формы, лежащих за пределами модального окна bootstrap (можно опустить, если bootstrap или его модальные окна не используются). Если не отключить, то в модальных окнах всплывающие окошки редактора не будут нормально работать.

Следующая строка удаляет проинициализированные ранее окна самого редактора - без этого повторная инициализация нормально работать не будет.

А третья строка - собственно, инициализация редактора на элементах textarea:

jQuery(document).off('focusin.modal');
tinyMCE.remove();
tinyMCE.init({
    selector: '#bsModalArticle .item-text, #bsModalArticle .item-intro',
    language: 'ru',
    plugins : 'advlist code image lists table wordcount',
    toolbar: 'code | image | table | bullist numlist | formatselect | alignleft aligncenter alignright alignjustify | bold italic underline strikethrough superscript subscript',
    menubar: false
});

 

Здесь меню отключено, а все необходимые функции выведены на тулбар в виде кнопок.