TinyMCE

Визуальный редактор TinyMCE логотип

Визуальный редактор TinyMCE

TinyMCE (англ. Tiny Moxiecode Content Editor) — платформонезависимый JavaScript HTML WYSIWYG редактор на основе Web. К основным характеристикам программы относятся поддержка тем/шаблонов, языковая поддержка и возможность подключения модулей (плагинов). Используется в различных системах управления содержимым (CMS).

Редактор позволяет вставлять рисунки, таблицы, указывать стили оформления текста, видео.

Официальный сайт: https://www.tiny.cloud/



Как интегрировать автоматическую вставку подсветки кода highlight.js в редактор TinyMCE Joomla

После того, как расширение подсветки кода highlight.js подключено к Joomla 3, встаёт вопрос: «Как автоматизировать вставку подсветки кода в текстовый редактор TinyMCE, используемый для публикации материалов в Joomla 3?» В этой статье покажу, как я частично решил этот вопрос. Похоже, никто не занимался этой темой, поэтому вставку кода highlight.js при публикации статьи я решил, но полной интеграции с TinyMCE не добился и вряд ли займусь. Полученного функционала мне вполне достаточно для быстрой работы. JavaScript — не моя тема, и лезть в дебри переопределения события на кнопке внешний вид кнопки вставки кода я пока не намерен.

Как добавить пример кода в статью с помощью Визуального редактора TinyMCE на примере Joomla 3

В последних версиях Joomla в редакторе TinyMCE появилась встроенная возможность вставки размеченного кода непосредственно в публикацию. В этой статье подробно рассмотрим поэтапно, как вставить код в статью на сайте с помощью встроенного визуального редактора TinyMCE, как это выглядит в виде HTML-кода, как выглядит в окне самого редактора TinyMCE и как в конечном счёте это отображается на сайте для пользователей.

Как в редакторе TinyMCE посмотреть код HTML

Есть фанаты, которые до сих предпочитают некоторые куски кода вбивать ручками даже при наличии таких удобных визуальных текстовых редакторов, как например TinyMCE. А бывают такие ситуации, что код нужно вставить непосредственно в текстовый документ так, чтобы он остался кодом, а не форматированным текстом. В этой статье рассмотрим два способа, как отключить TinyMCE для вставки произвольного кода в документ.