Tinymce modx revo настройка: MODX TinyMCE RTE настройка визуального (текстового) редактора

11 134

+14

Поблагодарить автора Отправить деньги

28

Modx.

Одним из самых популярных дополнений для MODX Revolution является визуальный редактор TinyMCE.

Воно и зрозумило, редко какой сайт может обойтись без хорошего ричтекстового редактора для контента.

В этой статье показано, что установка редактора TinyMCE установлена.

Установлено

Для установки необходимо скачать пакет из репозитория (http://modx.com/extras/package/TinyMCE) и установить его через раздачу «Упаковка» вашего сайта.

После установки пакета вы можете сразу открыть ресурс для редактирования и пересмотреть, когда появится редактор.

Теперь можно начинать писать новый текст, для более комфортного написания рекомендуется сменить редактор.

Настройка TinyMCE включает несколько шагов:

• Подключение к файлу стиля
• Добавление кнопок для работы с таблицами

Подключить файл со стилями до TinyMCE

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

Выберите «Настройка системы» и в фильтре выберите «Визуальный редактор»:

Кому выдали всего 5 патчей:

• Путь к файлу CSS (editor_css_path) — указать путь к файлу со стилями текста. Просьба обратить внимание не на последний css файл вашего сайта, а на файл okremy, в котором можно винить только стили, которые видны непосредственно перед оформлением текста (заголовки h2-h6, абзац р, буква а, таблицы таблицы и другие). Редактор более практичный и правильный.
• Викорировать текстовый редактор(use_editor) — можно включить редактор на час при необходимости, не видя TinyMCE.
• Редактор (what_editor) — MODX Revolution позволяет установить на сайт несколько разных редакторов, между которыми можно переключаться для потребления. Перед выступлением вы можете изменить настройку для администраторов сайта, признав разного редактора таким рангом для разных администраторов.
• Редактор элементов (what_element_editor) — указать редактор для сниппетов, плагинов, чанков. Например, вы можете использовать CodeMirror или Ace.

Добавление кнопок в TinyMCE для работы с таблицами

В TinyMCE, который устанавливается из репозитория MODX Revolution, включена работа с таблицами по причинам блокировки. Эй, ви, вы, очевидно, можете переключиться в режим HTML и написать код вручную, но поехали! Проще показать 2 пера и включить поддержку стола.

С этого же времени нам нужно настроить систему, и в первом фильтре мы выбираем крошечный :

Отображается список доступных параметров. Нам чекавлять 2:

• tiny.custom_plugins — Перенос плагинов в TinyMCS. В последний список необходимо добавить « таблица» , подключив сим плагин для работы с таблицами. Плагин идет сразу от TinyMCE, и его не нужно устанавливать, нужно только включить.
• tiny.custom_buttons3 — Список кнопок, которые появляются в 3-й строке. Войдите туда tablecontrols» , добавив набор кнопок для работы с таблицами. Я понял, что эти кнопки можно разместить на любой другой строке. Как вы полюбуетесь на другие строки, посмотрите список встроенных кнопок, таких как отмена, повтор, selectall и многие другие. Вы можете «поиграть» в них, расположив кнопки в другом порядке.

Швидше на все, после обновления MODX Evolution системы вы не пользуетесь текстовым редактором TinyMCE. Ось яка фото у меня на всех обновляемых сайтах:

1. Добавьте плагин отсюда.

2. Росархив.

3. Залейте папку ckeditor в папку

4. Создать плагин

5. Скопировать на новое место

Установите флажки в системных подблоках OnRichTextEditorInit, OnRichTextEditorRegister и OnInterfaceSettingsRender

6. Включить CKEditor

Вы можете включить CKEditor в Сервис>Конфигурация>Интерфейс и данные , в графе « Editor :» выберите CKEditor

7. Заходим в любой документ и бачим такую ​​картинку

8.

Щоб редактор грамотно працював з файловым менеджером KCFinder заменяем этот код в файле /assets/plugins/ckeditor/functions.php :

$mcpuk_path[«база»] = MODX_BASE_URL . «manager/media/browser/mcpuk/browse.php»;// . $cke_query; $mcpuk_path[«изображение»] = $mcpuk_path[«база»] . «?тип=изображения»; $mcpuk_path[«flash»] = $mcpuk_path[«база»] . «?тип=вспышка»; $mcpuk_path[«ссылка»] = $mcpuk_path[«база»] . «?тип=файлы»;

9. Я выбрал свою папку нужных мне кнопок

В файле /assets/plugins/ckeditor/modx_config.js можно изменить расположение, увидеть или добавить кнопки. Для себя я выбрал это сочетание.

Кому интересно, можно заменить строку кода:

Config. toolbar_modx = [ [«Источник»], [«Жирный»,»Курсив»,»Подчеркнутый»,»Зачерк»,»-«,»Подстрочный», «Верхний индекс»], [«ВставитьТекст»,»ВставитьИзСлова»] , [«Отменить»,»Повторить»,»-«,»Найти»,»-«,»УдалитьФормат»], «/», [«НумерованныйСписок», «Маркированный список», «-», «Выступ», «Отступ», «Цитата»], [«Выровнять по левому краю», «Выровнять по центру», «Выровнять по правому краю»], [«Связать», «Отключить», «Привязка»], [ «Изображение»,»Flash»,»Таблица»,»HorizontalRule» «,»Smiley»,»SpecialChar»], «/», [«Format»,»Font»,»FontSize»], [«TextColor»,» BGColor»], [«Развернуть», «ShowBlocks»,»-«,»О программе»] ];

Config.toolbar_simple = [[«Источник»,»-«,»Развернуть»,»УдалитьФормат»], [«ВставитьТекст»,»Найти»,»Заменить»], [«Связать»,»Отменить связь»], [ «Изображение «,»SpecialChar»], [«Формат»], «/», [«Полужирный»,»Курсив»,»Подчеркивание»,»Зачерк»,»-«,»Подстрочный индекс»,»Верхний индекс»], [ «TextColor», «BGColor»], [«NumberedList», «MarkedList», «-«, «Blockquote»], [«JustifyLeft», «JustifyCenter», «JustifyRight», «JustifyBlock»]];

Здесь я заполнил всего несколько пунктов: Текстовый код, Збішувач (чтобы писать четче), форматирование текста, Вставить только текст, Поиск и изменение, Посилання, Вставить изображение, Символы, Заголовки, Атрибуты текста, Цвет текста и фон, абзацы, цитата, что размывает текст.

Установка дополнительных плагинов

CKeditor имеет кучу разных плагинов. Вы можете найти их в Интернете и на официальном сайте CKeditor. Все плагины устанавливаются в папку /manager/assets/components/ckeditor/ckeditor/plugins/.

Дали в «Системных настройках» выбрать «ckeditor» и в поле надстроек плагинов ( extra_plugins ) вставить название устанавливаемого плагина. А в группе кнопок ( панель инструментов ) вставляется в нужное поле «им’я плагина». Дополнение установлено и готово к работе.

Осколки MODX Revolution поставляются пустыми, и для того, чтобы запустить сайт, я могу с уверенностью 99% сказать, что вам случится установить его, если вы захотите добавить еще одну вещь. пакет . На звонке из этого я написал небольшой список пакетов, как счастье стать богом при создании сайтов на решении MODX Revo.

(статья обновлена ​​11.02.2018)

Расширение из основного репозитория modx

Ace — соответствующий код для шаблонов редактирования часов pid, чанков, сниппетов + пробуждения emmet .

TinyMCE Rich Text Editor — приятный визуальный редактор для контента, но его также можно расширить для рахунок дополнительными функциями порадоваться на сайте продавца.

filetranslit — изменить на латиницу при захвате файлов с кириллицы (например: захват картинки с именами (название) modx-plugin.png (при переносе на сайт такие названия изображений изменятся на козлы и перестанут быть отображается), файл с именами будет загружен в админку modx-plugin.png .

транслит — Транслитерация псевдонимов страниц (url) — требуется для .

FormIt — работа с формами (построение контактных форм, как бы складных).

Коллекции — группировка документов (ресурсов) — больше отличных сайтов, де категории богатые документами — помогают расширить (ускорить) админку, т.к. при большем дереве ресурсов больше глючит.

простое обновление — Обновить модекс в 1 клик.

SEO Pro — SEO-помощник! Пересматриваем поле полива — заголовок, описание, добавляем ключевое слово(ключевые слова) и показываем, как будут выглядеть стороны в поисковом представлении.

Image SEO теги alt и title — автоматически подставляет alt и title для изображения, так как оно не зарегистрировано. Аккуратно застосовывать на рабочем сайте, можно остановить деаксы, если пройти КОД

Галерея — Галереи изображений

migx — Дуже крутая река! Просматривая много телеконтента, можно создать слайдер, например галерею.

simplesearch — Организация поиска по сайту.

Tagger — Теги для записей, теги хмара.

ClientConfig — Создание клиента установлено, но позже может быть отредактировано менеджерами. Тобто. в новую вносится все, что часто меняется, или просто контакты, адреса, слоган и т.д. — соб замков зміг все легко изменить, что швидко.

Наследовать шаблон — Вставить шаблон для дочерних элементов.

Версия X — Компонент для тихого хто виддає сайтов для дополнительной поддержки фрилансеров, ну может и новичков. Задания на создание локальных резервных копий всех элементов — (чанков, сниппетов, ресурсов). Вы можете восхититься старой версией и за необходимостью уточнения її. Я также позволяю вам узнать, кто внес эти изменения.

Консоль — позволяет запускать код PHP из бэкенда.

AjaxManager — Подскажите админ роботы.

Капча — Капча для входа в админку — додатковый захист.

backupMODX — Создание бэкапов с рабочего сайта в 1 клик.

logPageNotFound -Задержка 404 помилования. Отметьте, что подходит для отстоя посадки.

кэшОчистить – позволяет удалить все папки /core/cache/ одним щелчком мыши.

Дополнение из репозитория modstore.pro

О тех, как подключить репозиторий дополнений, читайте.

Ajax Form — принудительное применение контактных форм без повторного участия третьих лиц через Ajax. Використову FormIt, а на самом деле можно ввести свой сниппет.

DateAgo — Принять формат даты, такой как CMS LiveStreet.

autoRedirector — Я создаю 301 редирект автоматически, поэтому вы можете создать редирект вручную.

Тикеты — создание блога, формирование комментариев, заметок тощоо.

Jevix — по типу доктора, который установлен на автоматические Тикеты

MixedImage — Изменение расширения файла (замена дополнительных полей (для картинок, вложений и др.))

pdoTools — tsiliy комбайн, на склад которого введите следующие сниппеты:
pdoResources — назначения для нас впереди список ресурсов, но для помощи, вы можете сделать больше, чем много всего: карта сайта (для людей), фото галереи, портфолио, кейсы ресурсов.
pdoMenu — Создание меню.
pdoPage — как и pdoRecources отображать список ресурсов + создавать постссылочную навигацию, включая выбор других сниппетов.
pdoCrumbs — для приготовления хлебных крошек (хлебных крошек)
pdoUsers — Ведение участников
pdoSitemap — Создание автогенерируемого sitemap.xml
pdoNeighbors — отображение статей, форвард8 документов, форвард и т. д. 9005 .)
pdoField — отображать поле присвоенное ресурсу или його папу, включая параметры ТВ.
pdoTitle — задания для визуальной видимости документов из постмагазинной навигации.
pdoArchive — просмотр архива документов на сайте с разбивкой по дням, месяцам и годам
парсер — Изменение обработки тегов на стороне.
Це, тк самый нужный пакет, без нового нормального сайта не подберешь. В том же вине добавлена ​​поддержка шаблонизатора Fenom, который лучше старого.

miniShop2 — Создание интернет-магазина.

BannerY — Компонент для показа баннеров (рекламы). На новом, по сути, легко реализовать слайдер.

phpThumbOn — миниатюры для картинок (для просмотра картинок нужен розмарин).

MinifyX — минификация и склейка скриптов и стилей в два файла (css и js) — позволяет менять количество входов и увеличивать скорость сторон.

xPoller2 — Мультимодальный опыт.

AdminTools — Смена цветовой схемы админов, выбор элементов, заметок, авторизация в админке по почте или другим способом.

frontendManager — Редактирование сторон из фронтенда.

dbAdmin – глядя на листинг таблицы базы данных из административной панели MODx Revo. Так же позволяет вироблять экспортировать как кремовые таблицы, так и все базы. Так же можно посмотреть и почистить таблицы (осторожнее со своими победами) и вироблять разные SQL запросы.

modDevTools – быстрый поиск и замена элементов в чанке, сниппетах.

отладочныйпарсер – Поиск определенных областей на веб-сайте.

тегElementPlugin – позволяет редактировать фрагменты или фрагменты визуального тега и нажимать клавиши ctrl+enter.

controlErrorLog – добавить значок в верхнюю строку меню, чтобы уведомлять вас о наличии записей в журнале помилования.

Универсальные плагины

— автоматическая выжимка картинок на любые сайты, услуга платная, но її дорогая, со старта вам дается 10мб — їх прошивка по стеблю около 500 картинок — что прошивать на визитку, так что можно додатково брать до 200 мб бесплатно.

Я пытаюсь попробовать CKEditor в качестве визуального редактора кода. Версия 4.0 имеет нейтральную черно-белую тему (также подходит для панели администратора MODx) и некоторые новые функции (оценка вставки абзацев в «важное» пространство).

Вы не можете писать твиты как интерфейсный редактор.
Працює Ctrl+S, а так же вставка сообщения или почкование ресурсов (iframe) и файлов (img, аудио, видео). Вам достаточно увидеть текст и закинуть редактор в нужный Ресурс/Файл.

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

Укажите функции, которые являются ежедневными — я постараюсь их реализовать.

Установка через менеджер пакетов.
На отметке от TinyMCE, больше денег

План действий:

Добавить обрезку в Richtext параметрах ТВ
— Кнопка Вибрация на сервере в диалогах диалогов(Интеграция с MODX File Browser)
— Улучшено: extraPlugins, disableObjectResizing, керування формат посилан , выберите скин
— Меню часа перетаскивания файлов и ресурсов: Получить объект | Вставить сообщение | Вставить название объекта (было бы прикольно, так как можно было бы перетаскивать его через правую и через левую кнопку мыши (как в Windows))
— Защитить modx-теги
— Новые кнопки (вставить теги, редактировать атрибуты тоже)
— Список классов из проанализированных таблиц стилей.
— Улучшение системных настроек от редактируемого контекста (заодно проблемы с сообщениями)
— Ежедневные настройки клавиатуры.
— Плагин типографики — автозамена лап, деф_сів просто на лету.
— См. больше изображений для справки, скопируйте / вставьте и перетащите «n» drop
— Автоматическая отправка (разбор и просмотр) тегов modx, насколько это возможно и насколько это возможно (может отображаться в виде коричневого виджета, который расширен командой CKSource)
— Встроенное редактирование из внешнего интерфейса.

Чет — отличный список виш. Вам нужно изменить свои фантазии.

Инструкция по установке дополнительных плагинов:
Знаем нужный плагин, например, кидаем его в папку /manager/assets/components/ckeditor/ckeditor/plugins/ , Idemo в системной настройке, диапазон имена выбираем ckeditor , прописываем наш плагин extra_plugins (через кого как килька) мы дали права панель инструментов , ввод новой кнопки (например, є). Обновите форму редактирования ресурса — перепроверьте результат. Выкладываю шаринг с помощью cікавимы плагинов.

Дополнительные плагины (не входят в состав пакета):
oEmbed — Позволяет встраивать контент (видео, фото, аудио, кадры) с разных серверов, что еще больше усложняет задачу. Список отличных сервисов, поддерживаемых YouTube, Vimeo, Flickr, Instagram, GitHub, Twitter, JSFiddle и другими ресурсоемкими сервисами.

История изменений:

CKEditor 1.1.1

— Исправлено суммирование AjaxManager
— Добавлены плагины: youtube, wordcount, autocorrect
— Видно меню, как будто час с дерева вытаскивается. Теперь сила просто вставлена. Просто перетащите картинку — вставьте картинку.
— Поддержка IE8

CKEditor 1.1.0
==================================
— Браузер интеграция файлов MODx
— Поддержка Richtext TV
— Поддержка пользовательских классов ресурсов (например, статьи)
— Улучшено перетаскивание «n» drop. Теперь вы можете просто перетаскивать изображения из дерева файлов, чтобы вставить их в содержимое.
— после Ctrl+S
— Option extra_plugins (Дополнительные плагины)
— Option skin (Изменить скины)

Редактор (v1) • modmore.com

Редактор (v1)

Ищете лучший редактор? Познакомьтесь с Редактором. Этот коммерческий WYSIWYG-редактор предоставляет вам легкий и удобный опыт редактирования.

Разработчик: modmore
Текущая версия: 3.1.4-pl
Загрузки: 16513
Цена: € 29* за установку (посмотреть все цены)

Купить