Меню

Responsive file manager настройка

Yii2. Установка и настройка TinyMCE. Интеграция файлового менеджера RESPONSIVE filemanager в TinyMCE

Подробная инструкция о том как подключить и настроить TinyMCE в Yii2 advanced. А также интегрировать файловый менеджер для загрузки изображений и файлов в TinyMCE.

Устанавливаем редактор TinyMCE

Установим TinyMCE с помощью composer, для этого открываем консоль, переходим в папку с проекотм и вводим команду для установки:

После установки можем использовать, пример:

По умолчанию работа с изображениями в TinyMCE выглядит так:

Для удобной загрузки файлов и картинок добавим расширение RESPONSIVE filemanager для TinyMCE:

Интеграция файлового менеджера RESPONSIVE filemanager в TinyMCE

Для начала необходимо скачать файловый менеджер для TinyMCE: http://www.responsivefilemanager.com/#download-section

Распаковываем архив RESPONSIVE filemanager в папку: /backend/web/plugins/responsivefilemanager.

Папки для хранения файлов

Далее приступим к настройке RESPONSIVE filemanager.

Настройка путей RESPONSIVE filemanager

Откройте файл: /backend/web/plugins/responsivefilemanager/filemanager/config/config.php

Зададим путь к папке для загрузки файлов относительно корня сайта, он должен начинаться и заканчиваться слешем «/» (строка: 71):

Зададим путь к папке для загрузки файлов относительно папки responsivefilemanager, в нашем случае эта папка находится по пути /backend/web/plugins/tinymce/plugins/responsivefilemanager, так как uploads будет в корне сайта (/frontend/web/uploads/), то пишем следующий путь (строка: 81):

Зададим путь к папке для загрузки миниатюр относительно папки responsivefilemanager. По аналогии с примером выше (строка: 92):

Дополнительные настройки

Установим максимальный размер загружаемого файла в мегабайтах (строка: 134):

Установим язык интерфейса (строка: 142):

Подключаем RESPONSIVE filemanager к TiniyMCE

Так же, в корневой .htaccess добавим правило обращения к загруженным файла, после строки (19) RewriteRule ^images/(.*)$ frontend/web/images/$1 [L]:

Теперь во view можно подключить TinyMCE с файловым менеджером:

Теперь в TinyMCE появился файловый менеджер и кнопка загрузки изображения в диалоговом окне:

Читайте также:  Настройка ip домофона ctv

Дополнительные настройки tinyMCE

Чтобы путь к картинкам сохранялся как абсолютный, а не относительный, т.е. от корня сайта добавим параметр relative_urls в массив clientOptions:

Чтобы уменшить код подключения TinyMCE и RESPONSIVE filemanager можно настройки подключать глобально. Для этого откройте файл /backend/config/bootstrap.php и вставьте следующий код:

Теперь во view подключайте TinyMCE следующим образом:

Вот и все, приятной работы с TinyMCE и файловым менеджером RESPONSIVE filemanager в Yii2.

Для тех кто использует Yii2 basic подключение TinyMCE и файлового менеджера для загрузки изображений и файлов используя данную инструкцию не составит особого труда.

Web разработчик, специализируюсь на разработке full stack веб-приложений.
Если у вас есть предложения или вопросы свяжитесь со мной: facebook

Источник

Для просмотра онлайн кликните на видео ⤵

Урок 6. Компиляция Less файлов. Препроцессоры. Быстрый старт Подробнее

Урок 4: Настройка URL Подробнее

responsive file manager y tinymce Подробнее

deface responsive filemanager Подробнее

CSS синтаксис. Обнуление CSS стилей. Уроки HTML CSS JS. Урок №5 Подробнее

responsive filemanager + modal bootstrap Подробнее

Полный курс по Blazor | Модуль 1 Урок 1 Компонент | Структура проекта и знакомство с компонентом Подробнее

Как создать сайт Joomla. Урок 2. Шаблоны Joomla. Их установка и настройка на примере шаблона Helix3 Подробнее

Препроцессор html (jade/pug) Подробнее

Изучение GitHub в одном видео уроке за 15 минут! Подробнее

Урок 16. Слайдеры | Курс Веб разработчик | Академия верстки Подробнее

Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS] Подробнее

Источник

Тема Responsive

Посмотреть демонстрационный сайт

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

Читайте также:  Настройки доты 2 кудесан

Шаблон главной страницы

Шаблон главной страницы Responsive придаст вашему сайту профессиональный вид и позволит сфокусировать внимание пользователя на кнопке, поддерживается три области виджетов.
Для начала создайте новую страницу и присвойте ей параметр Главная в модуле Атрибуты страницы. Наполните ее содержанием и выберите миниатюру, которая должна появиться в области контента. Потом назначьте эту страницу статической главной страницей сайта.

Настраиваемая кнопка-ссылка

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

Если вы хотите отключить кнопку переключитесь на вкладку Элементы темы и по ставьте галочку в поле Отключить кнопку-ссылку на главной странице. И сохраните внесенные изменения.

Область виджетов на главной странице:

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

Хлебные крошки

В Responsive отображение хлебных крошек включено по умолчанию. Чтобы отключить ее зайдите в Внешний вид — Параметры темы, на вкладке Элементы темы поставьте галочку в поле Отключить список Хлебные крошки?

Шаблоны страниц

Responsive предлагает ряд шаблонов для страниц: страница в полную ширину; шаблон 50/50 содержание/сайдбар, где сайдбар располагается как слева, так и справа от содержания; и шаблон страницы без сайдбара.
Любой из этих шаблонов можно выбрать в модуле Атрибуты страницы в режиме редактирования страницы.

Настраиваемые меню

В теме Responsive есть четыре варианта настраиваемого меню: основное меню; дополнительное меню, которое отображается непосредственно под основным; верхнее меню в шапке; и меню в футере, расположенное внизу сайта.
Вы можете настроить меню, выбрав в консоли Внешний вид → Меню.

Виджеты

В теме Responsive предлагается четыре области виджетов помимо областей виджетов для шаблона главной страницы. Область виджетов для основного сайдбара, область виджетов галереи для сайдбара, которая появляется только на страницах с вложенными изображениями, область виджетов в футере и область виджетов в шапке – любую из них можно настроить в разделе консоли Внешний вид → Виджеты.

Настраиваемые шапка и фон

Responsive отличается полностью настраиваемой шапкой, которая заменит заголовок и описание сайта. Ее можно настроить в разделе консоли Внешний вид → Заголовок. Фон тоже можно настроить в разделе Внешний вид → Фон.

Краткие спецификации (все размеры приведены в пикселях):

Дополнительная информация по настройке темы:

Читайте также:  Сброс до заводских настроек леново с650

Настройка тем дизайна

В этом видео-ролике описана информация по работе с темами дизайна сайта:
— Общая информация;
— Выбор темы дизайна сайта;
— Как посмотреть демонстрационный сайт-пример темы;
— Особенности и настройки тем: название и описание сайта, цвета темы, изображение заголовка, способ вывода изображений в шапке сайта, фоновое изображение, навигация на сайте, настройка главной страницы сайта, выбор цветовой гаммы темы, выбор количества колонок на сайта;
— Особенности настройки сайта после смены темы.

Источник