Как добавить редактор TinyMCE в WordPress

Если вы хотите добавить редактор TinyMCE в WordPress, на самом деле это довольно просто. Все, что вам нужно сделать, это установить и активировать плагин TinyMCE Advanced . Как только вы это сделаете, вы найдете новый пункт меню «TinyMCE» в меню «Настройки» в области администрирования WordPress. Нажав на нее, вы попадете на страницу настроек плагина, где вы сможете настроить работу редактора TinyMCE.

Версия 3.9 визуального редактора WordPress дает хорошие отзывы. Когда кухонная мойка включена, на ней всего 14 кнопок, а когда нет — 26. Полный текстовый редактор TinyMCE можно отобразить, добавив следующий код в файл functions.php: Теперь вы можете выбрать третий ряд кнопок в визуальном редакторе.

Использование пользовательских подключаемых модулей с TinyMCE Скопируйте файл точки входа (вместе с любыми другими файлами) в папку подключаемых модулей кода TinyMCE , распространяемого вместе с подключаемым модулем. После этого плагин можно использовать, введя его в список плагинов, указанный в опции plugins.

Для запуска можно использовать Python или Django. Файл setup.py представляет собой файл оболочки. В settings.py скопируйте и вставьте код tinymce в свой проект: INSTALLED_APPS = tinymce. «A tinymce» [тинимце] — другое слово для этого слова. К ним добавляется Тинимце.

Создавайте контент и устанавливайте контент с помощью методов TinyMCE getContent и setContent. Если вы инициализировали редактор для myTextarea, вам нужно будет вернуть свойство id="myTextarea". Верните пользователю содержимое в редакторе, которое было помечено как HTML.

Нажав на три точки (Параметры) в правом верхнем углу экрана, вы можете получить доступ к текстовому редактору Gutenberg . Нажав вкладку «Текст» на панели инструментов, вы можете получить доступ к текстовому редактору WordPress Classic.

Использует ли WordPress Tinymce?

WordPress использует TinyMCE в качестве редактора по умолчанию . TinyMCE — это редактор WYSIWYG (What You See Is What You Get), который позволяет пользователям легко создавать и форматировать контент. Он широко используется веб-разработчиками и блоггерами.

Moxiecode Systems AB, шведская компания, предоставляет WordPress редактор HTML WYSIWYG с открытым исходным кодом TinyMCE. Вы также можете разблокировать ряд кнопок, щелкнув панель инструментов расширенного редактора (строка 2 редактора). В WP версии 3.3.1 правильная команда переключения для IE и Firefox — Shift-Alt-Z; см. также плагин API Rich Text Editor Filters для получения дополнительной информации. Подробное руководство также можно найти на WP Tuts. При использовании WordPress редактор TinyMCE WYSIWYG автоматически добавляет теги абзаца (теги P) вокруг разрывов строк. Существует три основных способа удаления тегов P. В /WP-includes/class-WP-editor.php вы можете получить доступ к настройкам по умолчанию.

Какую версию Tinymce использует WordPress?

Начиная с WordPress 5.0 визуальный редактор TinyMCE имеет версию 4.9.4.

WordPress Tinymce Создать

Одна из замечательных особенностей WordPress заключается в том, что он позволяет легко форматировать ваши сообщения и страницы с помощью встроенного редактора TinyMCE. Но знаете ли вы, что вы также можете использовать TinyMCE для создания собственных пользовательских кнопок?
Создание пользовательских кнопок для TinyMCE — отличный способ расширить функциональность вашего сайта WordPress. Например, вы можете создать кнопку, которая вставляет пользовательский шорткод или HTML-тег. Или вы можете создать кнопку, которая вставляет ссылку на файл или изображение.
Создание пользовательских кнопок для TinyMCE относительно просто. Во-первых, вам нужно создать плагин, который добавит пользовательские кнопки в редактор TinyMCE. Затем вам нужно добавить код в ваш плагин, который сообщит TinyMCE, что делать при нажатии кнопки.
Если вы не разработчик, вы также можете найти плагины, которые добавят пользовательские кнопки в TinyMCE. Эти плагины обычно поставляются с пользовательским интерфейсом, который упрощает добавление и настройку пользовательских кнопок.

TinyMCE создан для работы с широким спектром плагинов и пользовательских настроек. Помимо этих требований, TinyMCE не требует каких-либо специальных файловых структур или инструментов для работы. В большинстве случаев вы можете создавать собственные плагины с помощью фреймворка или инструмента. Генератор Yeoman может генерировать файлы и шаблонный код, необходимые для пользовательского плагина, а также несколько полезных команд. Переводчики TinyMCE можно найти на многих языках, включая английский, французский, немецкий, итальянский и испанский. Если вам нужно добавить строки на поддерживаемый язык, используйте следующую процедуру. Создайте файл перевода для каждого языка, поддерживаемого плагином. Используя этот пример плагина, можно добавить простую кнопку панели инструментов и пункт меню.

Настройки Wp Editor Tinymce

Настройки tinymce редактора wp позволяют изменить настройки по умолчанию для визуального редактора WordPress. Это может быть полезно, если вы хотите изменить размер шрифта, цвета или другие аспекты редактора.

Мы покажем вам, как согнуть редактор WordPress TinyMCE, разбив его на несколько частей. Редактор по умолчанию предоставляет два ряда кнопок для создания, редактирования и форматирования содержимого публикации. Один или несколько существующих плагинов можно обновить, чтобы предоставить нам множество расширенных функций. API TinyMCE позволяет разработчикам полностью контролировать редактор. Используя фильтры, представленные ниже, мы можем включить до четырех рядов кнопок. Отдельный элемент, которым может быть любой элемент, устанавливает параметры пункта меню. Если нам требуется предварительный просмотр в реальном времени, нам нужно создать пользовательскую таблицу стилей.

Во многих случаях нам не нужно создавать пользовательскую кнопку, потому что TinyMCE имеет большое количество скрытых кнопок, которые мы можем легко активировать. Фильтр с фильтром mce_buttons_*n* можно использовать для фильтрации массива кнопок. Если ни одна из этих кнопок не подходит для наших нужд, редактор может получить больше функциональности благодаря ряду официальных плагинов. Мы уже знаем, как создать плагин и добавить кнопку в WordPress TinyMCE. Давайте теперь создадим следующий плагин. В /mce/prism/ есть файл с именем /mce/prism/. Метод addButton добавляет элемент меню для каждого из элементов массива элементов с помощью кнопки меню Prism. Вы увидите кнопку раскрывающегося меню, как только сохраните, загрузите и обновите.

Плагин TinyMCE Advanced WordPress добавляет функциональность пятнадцати плагинов TinyMCE к визуальному редактору по умолчанию. Ряд расширенных функций, таких как таблица и параметры семейства шрифтов, доступны на странице параметров плагина. Помимо редактора, на который повлияют новые настройки, пользователи могут выбирать и другие параметры.