Персональный блог на Drupal

NovaInfo 8
Опубликовано
Раздел: Технические науки
Просмотров за месяц: 2
CC BY-NC

Аннотация

Для показа возможностей Drupal я буду использовать последнюю на сегодняшний день версию 7.12. Для этого на локальный сервер я поставлю новую систему и проведу русификацию системы. В качестве темы выберу тему по-умолчанию Bartik 7.12.

Ключевые слова

DRUPAL 7, BLOG, БЛОГ, PATHAUTO, ФОРМАТ ТЕКСТА, PATH

Текст научной работы

Для показа возможностей Drupal я буду использовать последнюю на сегодняшний день версию 7.12. Для этого на локальный сервер я поставлю новую систему и проведу русификацию системы. В качестве темы выберу тему по-умолчанию Bartik 7.12.

Модуль Blog

Начнём с того, что подключим модуль Blog, который будет основой нашего сайта. Он входит в состав ядра, поэтому достаточно только зайти на страницу управления модулями admin/modules и включить его.

Включение модуля Блог
Рисунок 1. Включение модуля Блог

Сохраняем

Настройки учетной записи

Заходим на страницу настройки учетной записи admin/config/people/accounts и устанавливаем необходимые параметры.

Расскажу для каждого блока параметров в отдельности.

Анонимные посетители

Настройка учётной записи Анонимные посетители
Рисунок 2. Настройка учётной записи Анонимные посетители

Здесь можно задать как будут называться все неавторизованные пользователи. Оставляем значение по-умолчанию "Гость".

Регистрация и удаление

настройка учётной записи регистрация
Рисунок 3. Настройка учётной записи регистрация

Нас интересует только регистрация.

Только для администраторов

Учётные записи создаются администратором. Такой способ обычно применяется на закрытых корпоративных сайтах или сайтах закрытых сообществ, где пользователей немного и список их заранее известен.

Посетители

Пользователи могут сами регистрироваться. Желательно вместе с этим параметром устанавливать "Требуется подтверждение почтового адреса". В данном случае пользователи должны будут подтвердить свою учётную запись по e-mail. Если сайт максимально открыт, то данный параметр можно игнорировать.

Регистрация разрешена, одобрение администратора требуется

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

Для нашего сайта мы устанавливаем параметры "Посетители" и "Требуется подтверждение почтового адреса".

Параметры аккаунта

Позволяет задать для пользователя изображение и подпись для его сообщений.

Настройка учётной записи параметры аккаунта
Рисунок 4. Настройка учётной записи параметры аккаунта

Настройка оповещений

Позволяет задать текст e-mail сообщений для оповещения пользователей.

Настройка учётной записи настройка оповещения пользователей
Рисунок 5. Настройка учётной записи настройка оповещения пользователей

Сохраняем.

Права доступа

Переходим на страницу управления правами доступа admin/people/permissions. Здесь задаются все доступные в системе для всех модулей права доступа.

Нас интересует раздел модуля Node. При установке модуля Blog добавляется новый тип материала Запись в блоге. Для него, как и для всех остальных типов материала добавляются следующие права доступа.

Права доступа Node
Рисунок 6. Права доступа Node

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

Также нас интересует раздел Comment.

Права доступа Comment
Рисунок 7. Права доступа Comment

Также отметим нужные. Разрешим неавторизованным пользователям добавлять комментарии и делать это без проверки. В случае проверки, администратор или модераторы сайта должны утвердить все добавленные комментарии. Это слишком трудоёмкая процедура, особенно если комментариев будет очень много. Проще добавить защиту сообщений (речь об этом пойдет позже) и удалять сообщения, которые не соответствуют правилам сайта.

Сохраняем.

Типы материалов

Заходим на страницу управления типами материалов admin/structure/types. Как я уже писал выше, при установке модуля Blog добавляется новый тип материала Запись в блоге. Также здесь находятся два типа материала установленных по-умолчанию.

Типы материала
Рисунок 8. Типы материала

Находим нужный и нажимаем Изменить

Расскажу об каждом блоке настроек по отдельности.

Настройка формы

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

Типы материала. Запись в блоге. Настройки формы
Рисунок 9. Типы материала. Запись в блоге. Настройки формы

Настройки публикации

Позволяет задать настройки по-умолчанию при добавлении материала.

Опубликовано

Если установлено, то новый материал будет отображаться на всех страницах. Иначе, его будет видеть только администратор на странице содержимого сайта admin/content.

По-умолчанию, установлено. Так и оставим.

Помещено на главную страницу

Если установлено, то новый материал будет отображаться на главной странице. Данный функционал работает только в случае, если главная страница задана по-умолчанию, либо отфильтровано соответствующим образом. Об этом расскажу в следующий раз.

По-умолчанию, установлено. Так и оставим.

Закреплять вверху списков

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

По-умолчанию, не установлено. Так и оставим.

Создать новую редакцию

Если установлено, то система позволяет создать новую редакцию (версию) данного материала, т.е. можно будет получить доступ к старым версиям данного материала.

По-умолчанию, не установлено. Так и оставим.

Типы материала. Запись в блоге. Настройки публикации
Рисунок 10. Типы материала. Запись в блоге. Настройки публикации

Настройка отображения

Содержит в себе только один параметр, определяющий для материала выводить или нет поля Автор и Дату публикации. Остальные параметры вывода данных полей задаются в теме оформления.

Типы материала. Запись в блоге. Настройки отображения
Рисунок 11. Типы материала. Запись в блоге. Настройки отображения

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

Позволяет задать настройки отображения комментариев для данного типа материалов. Здесь можно задать задать возможность добавления комментариев, установить иерархичную структуру и количество сообщений на одной странице, добавить/убрать поле заголовок комментария и управлять формой добавления комментария.

Типы материала. Запись в блоге. Установки комментариев
Рисунок 12. Типы материала. Запись в блоге. Установки комментариев

Установим значения, как показано на рисунке.

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

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

Типы материала. Запись в блоге. Настройки меню
Рисунок 13. Типы материала. Запись в блоге. Настройки меню

Установим значения, как показано на рисунке.

Сохраняем.

Форматы ввода

Заходим на страницу управления форматами текста admin/config/content/formats. Данный функционал предназначен для фильтрации вводимых пользователями данных. Например, позволяет автоматически удалять вредоносный код.

Форматы ввода
Рисунок 14. Форматы ввода

По-умолчанию в системе предусмотрено три формата текста. Мы будем использовать все эти форматы. Рассмотрим подробнее настройки данных форматов.

Plain text

Данный формат текста предназначен для преобразования любой html-разметки в обычный текст. Назначим данный фильтр всем ролям пользователей. Делаем мы это для того, чтобы запретить неавторизованным пользователям использовать форматирование текста и добавление изображений.

Форматы ввода. Plain Text
Рисунок 15. Форматы ввода. Plain Text

Здесь мы поменяем только имя данного формата текста.

Сохраняем.

Filtered HTML

Данный формат текста предназначен для форматирования html-разметки. Позволяет определить список разрешенных тегов. Назначим данный фильтр для всех авторизованных пользователей.

Форматы ввода. Filtered HTML
Рисунок 16. Форматы ввода. Filtered HTML

Здесь мы поменяем имя данного формата текста, а также настройки фильтра Пропускать только разрешенные HTML-теги.

Форматы ввода. Пропускать только разрешённые html-теги
Рисунок 17. Форматы ввода. Пропускать только разрешённые html-теги

Установим перечень допустимых html-тегов. Указывать их нужно через пробел, обрамляя символами "<" и ">". Для нашим целей разрешим добавлять переносы строк (p), изображения (img), ссылки (a), маркированный (ul) и нумерованный (ol) списки (li), а также выделение жирным (strong) и курсивом (em).

Также установим параметр Добавить всем ссылкам атрибут «rel="nofollow"».

Сохраняем.

Full HTML

Данный формат текста предназначен для форматирования html-разметки. В отличие от предыдущего позволяет использовать все теги. Назначим данный фильтр только для администратора.

Форматы ввода. Full HTML
Рисунок 18. Форматы ввода. Full HTML

Здесь мы поменяем только имя данного формата текста.

Сохраняем.

Добавить содержимое

Добавляем содержимое на странице node/add под обычным пользователем. Далее выбираем Запись в блоге.

Добавить содержимое
Рисунок 19. Добавить содержимое

Вводим заголовок и текст сообщения, выберем формат текста Ограниченный HTML и сохраняем. Теперь запись доступна по адресу node/1.

Результат

Добавить содержимое Filttered HTML
Рисунок 20. Добавить содержимое Filttered HTML

HTML-код

Первая строка
Вторая форматированная строка
Третья строка

Отредактируем запись. Теперь выберем формат Простой текст и сохраним.

Результат

Добавить содержимое Plain Text
Рисунок 21. Добавить содержимое Plain Text

HTML-код

<h3>Первая строка</h3>
<em>Вторая</em> <strong>форматированная строка</strong>
Третья строка

Формат текста Простой текст заменил все специальные символы HTML на соответствующие последовательности.

Синонимы URL

Заходим на страницу управления синонимами admin/config/search/path. Данный функционал позволяет задать синоним адреса, по которому доступно содержимое сайта.

Синонимы URL
Рисунок 22. Синонимы URL

Например, у есть запись в блоке по адресу node/1. По этому адресу совсем не понятно, что материал относится к записи в блоке, а также содержит ID записи, который обычным пользователям ничего не говорит.

Заменим этот адрес на другой. Например, blog/ivanov/drupal. Данный адрес сообщает, что материал является записью в блоге, создан пользователем ivanov и его заголовок drupal.

Для этого необходимо добавить синоним.

Добавить синоним URL
Рисунок 23. Добавить синоним URL

Сохраняем. Теперь данный материал доступен по новому адресу. Всё красиво и хорошо, но данная процедура слишком трудоёмкая. Для каждого материала нужно создавать свой синоним вручную. К счастью есть способ автоматизировать этот процесс. Для этого нужно установить модуль Pathauto.

Модуль Pathauto

Для установки данного модуля можно скачать его с сайта drupal.org и выбрать его на странице установки модуля admin/modules/install либо просто указать ссылку на необходимый модуль.

Установить модуль Pathauto
Рисунок 24. Установить модуль Pathauto

После этого идём на страницу управления модулями и включаем наш модуль. Сделать это не получится, так как отсутствует необходимый модуль Token.

Включить модуль Pathauto
Рисунок 25. Включить модуль Pathauto

Поэтому следующим шагом устанавливаем модуль Token.

После этого система должна позволить включить эти оба модуля, либо только модуль Pathauto и тогда система предложит включить модуль Token.

Включить модуль Pathauto. Сообщение
Рисунок 26. Включить модуль Pathauto. Сообщение

Также нам нужна русификация этих двух модулей. Её можно скачать на сайте drupaler.ru. Русификацию лучше скачать в виде одного файла с разрешением po. Потом идём на страницу импорта перевода и русифицируем модули.

Русификация модулей
Рисунок 27. Русификация модулей

Отправляемся на страницу управления синонимами. Здесь появились вкладки. Рассмотрим их подробнее.

Шаблоны

На этой вкладке содержатся шаблоны для автоматического создания синонимов. Рассмотрим все блоки настроек по-отдельности.

Содержимое пути

Данный блок настроек представляет для нас главный интерес. Именно здесь находятся шаблоны адресов к материалам.

Синонимы URL. Шаблоны пути
Рисунок 28. Синонимы URL. Шаблоны пути

Первое поле содержит в себе шаблон пути по-умолчанию. Его значение будет действовать на все не заполненные поля.

Остальные поля содержат шаблоны пути для каждого типа материалов.

В качестве значения они могут содержать в себе строковые шаблоны, которые обрамляются квадратными скобками. Например, [node:title]. За строковые шаблоны отвечает модуль Token, который установили ранее. Перечень всех строковых шаблонов приведён ниже.

Синонимы URL. Шаблоны пути. Подстановочные шаблоны
Рисунок 29. Синонимы URL. Шаблоны пути. Подстановочные шаблоны

Нам нужны только два из них. При составлении синонима мы использовали логин автора записи в блоге и её заголовок. За это отвечают шаблоны [node:author:name] и [node:title] соответственно. Таким образом в строке шаблона адреса для записи в блоге мы должны указать следующий адрес blog/[node:author:name]/[node:title]. С остальным всё проще.

Пути термина таксономии

Блок предназначен для настройки шаблонов для синонимов адресов терминов таксономии. Позже в статье, когда будем рассматривать термины таксономии, мы вернемся к данному разделу. Для каждого блока настроек существуют свои подстановочные шаблоны.

Синонимы URL. Шаблоны пути термина таксономии
Рисунок 30. Синонимы URL. Шаблоны пути термина таксономии

Пути пользователя

Блок определяет настройки шаблонов для синонимов адресов к страницам пользователей.

Синонимы URL. Шаблоны пути пользователя
Рисунок 31. Синонимы URL. Шаблоны пути пользователя

Пути блога

Данный блок появляется при включении модуля Blog. Он содержит настройки шаблонов для синонимов адресов к страницам блога пользователей.

Синонимы URL. Шаблоны пути блога
Рисунок 32. Синонимы URL. Шаблоны пути блога

Сохраняем.

Настройки

Данный раздел содержит настройки синонимов адресов. Из описания этих настроек понятно их предназначение.

Массовое обновление

Позволяет установить/изменить синонимы для всех адресов определенных групп. Удобно использовать после изменения шаблонов. Таким образом не нужно изменять синонимы для каждого материала по отдельности.

Удалить синонимы

Аналогичен работе предыдущего раздела, но за исключением того, что синонимы удаляются.

Теперь если добавить новый материал в блоге, то новый синоним для него сразу добавится. Например, под пользователем ivanov создадим запись с заголовком Тестовая запись. В результате получим следующий адрес blog/ivanov/тестовая-запись. На странице списка синонимов admin/config/search/path можно увидеть все существующие синонимы.

Синонимы URL. Список перед транслитерацией
Рисунок 33. Синонимы URL. Список перед транслитерацией

В существующих синонимах есть одна проблема. В пути указаны символы кириллицы. Некоторые браузеры не любят этого и заменяют их на другие символы blog/ivanov/%D1%82%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D0%B0%D1%8F-%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D1%8C. Согласитесь, что это не красиво. Заменим сами эти символы на их аналоги в транслите (символы латинского алфавита).

Модуль Transliteration

Данный модуль позволяет избежать указанной проблемы с символами кириллицы. Установим этот модуль и его русификацию по вышеописанной схеме. Потом нужно зайти на страницу Настройки синонимов URL и устанавить параметр Транслитерировать перед созданием синонима.

Синонимы URL. Настройки. Транслитерировать перед созданием синонима
Рисунок 34. Синонимы URL. Настройки. Транслитерировать перед созданием синонима

Сохраняем.

В завершение удаляем все синонимы адресов содержимого, а затем делаем массовое обновление существующих синонимов на странице admin/config/search/path/update_bulk.

Синонимы URL. Удалить синонимы
Рисунок 35. Синонимы URL. Удалить синонимы
Синонимы URL. Массовое обновление
Рисунок 36. Синонимы URL. Массовое обновление

Получаем список синонимов уже с адресами без символов кириллицы.

Синонимы URL. Список после транслитерации
Рисунок 37. Синонимы URL. Список после транслитерации

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

При создании записи в блоге или другого содержимого для форматирования текста приходится прибегать к html-разметке. Далеко не каждый пользователь нашего сайта будет обладать соответствующими знаниями. Для решения этой проблемы существуют так называемые визуальные редакторы.

Для того чтобы подключить визуальный редактор к нашему сайту в арсенале Drupal cуществуют специальные модули.

Модуль WISIWYG

Данный модуль позволяет использовать на сайте несколько визуальных редакторов. Самыми популярными являются CKEditor и TinyMCE. Рассмотрим дальнейшую работу этого модуля на базе этих двух редакторов.

Cкачиваем с сайта drupal.org и установим модуль WISIWYG и его русификацию. Затем заходим на страницу настройки данного модуля admin/config/content/wysiwyg. В связи с тем, что у не установлен ни один из визуальных редакторов, система выводит инструкцию по установке поддерживаемых редакторов. Здесь же приводятся ссылки на сайты, с которых мы можем их скачать.

CKEditor

Переходим на страницу http://ckeditor.com/download и скачиваем последнюю версию редактора. Далее разархивируем его в директорию sites/all/libraries. Заходим в директорию sites/all/libraries/ckeditor и проверяем, что здесь находится файл ckeditor.js. Здесь же мы можем удалить две ненужные директории: _samples и _source. Делаем это для того, чтобы сэкономить место на хостинге. Оно лишним никогда не бывает.

TinyMCE

Переходим на страницу http://tinymce.moxiecode.com/download.php и также скачиваем последнюю версию редактора. Далее действием по выше описанной схеме. Разархивируем скаченный файл в директорию sites/all/libraries. Заходим в директорию sites/all/libraries/tinymce/jscripts/tiny_mce/и проверяем, что здесь находится файл tiny_mce.js. Поднимаемся на два уровня выше sites/all/libraries/tinymce/. Здесь мы также можем удалить ненужную директорию examples.

Возращаемся на страницу настройки модуля WISIWYG и обновляем её. Теперь она приняла рабочий вид. Проверяем, что в поле Редактор мы можем выбрать оба наших редактора. Если это так, то редакторы установлены правильно. Иначе проверяем правильность расположения установленных файлов.

Настройка модуля WISIWYG
Рисунок 38. Настройка модуля WISIWYG

Установим для формата ввода Ограниченный HTML редактор TinyMCE, а для формата Полный HTML редактор CKEditor.

Сохраняем.

Теперь нужно настроить каждый из них. Начнём c TinyMCE. Нажимаем ссылку Редактировать и проваливаемся на страницу настройки профиля TinyMCE для Ограниченный HTML. Рассмотрим каждый блок настроек по-отдельности.

Основные настройки

Позволяет установить отображение по-умолчанию, разрешить для себя пользователям изменять это значение, а также отображать ссылку на переключение режима отображения. Также здесь можно установить язык интерфейса. Выбираем Русский

Теперь нужно дополнительно русифицировать TinyMCE. Для этого скачаем пакет русификации с того же сайта, что и сам редактор. Разархивируем его и копируем файлы из директории tinymce_language_pack в sites/all/libraries/tinymce/jscripts/tiny_mce/.

Настройка модуля WISIWYG. TinyMCE для ограничений HTML. Основные настройки
Рисунок 39. Настройка модуля WISIWYG. TinyMCE для ограничений HTML. Основные настройки

Кнопки и плагины

Позволяет установить все доступные для данного редактора кнопки и плагины. Выберем кнопки в соответствии с настройками нашего фильтра текста. Напомню, что разрешены теги <p> <a> <img> <em> <strong> <ul> <ol> <li>.

Настройка модуля WISIWYG. TinyMCE для ограничений HTML. Кнопки и плагины
Рисунок 40. Настройка модуля WISIWYG. TinyMCE для ограничений HTML. Кнопки и плагины

Внешний вид редактора

Позволяет настроить внешний вид редактора, расположение панелей.

Настройка модуля WISIWYG. TinyMCE для ограничений HTML. Внешний вид редактора
Рисунок 41. Настройка модуля WISIWYG. TinyMCE для ограничений HTML. Внешний вид редактора

Очистка и вывод

Позволяет установить дополнительные фильтры. Их описание приведено тут же. Установим их всех.

Настройка модуля WISIWYG. TinyMCE для ограничений HTML. Очистка и вывод
Рисунок 42. Настройка модуля WISIWYG. TinyMCE для ограничений HTML. Очистка и вывод

CSS

Позволяет установить свой css-файл для отображения. При желании это можно сделать самостоятельно. Единственно обратим внимание на настройку Форматы блоков. Здесь можно настроить формат HTML блоков форматированного текста. Данная настройка влияет на отображение кнопки Формат HTML блока, которую мы не установили. Следует добавить, что список тегов в значении данной настройки должен соответствовать выбранному формату текста.

Настройка модуля WISIWYG. TinyMCE для ограничений HTML. CSS
Рисунок 43. Настройка модуля WISIWYG. TinyMCE для ограничений HTML. CSS

Сохраняем.

По аналогии настроим профиль CKEditor для Полный HTML.

Теперь если создать новую запись в блоге, то вы увидим установленный редактор. Введём какой нибудь текст. Теперь, если выделить текст, например, "строка" и нажать кнопку для выделения жирным, то увидим как текст изменился. Редактор позволяет сразу увидеть все измения при форматировании текста.

Настройка модуля WISIWYG. TinyMCE для ограничений HTML.
Рисунок 44. Настройка модуля WISIWYG. TinyMCE для ограничений HTML

Нажмём ссылку Выключить расширенный редактор содержимого, чтобы увидеть HTML-разметку нашего текста.

Настройка модуля WISIWYG. TinyMCE для ограничений HTML. HTML-разметка
Рисунок 45. Настройка модуля WISIWYG. TinyMCE для ограничений HTML. HTML-разметка

Вернемся обратно и попробуем добавить изображение к нашей записи. Нажимаем кнопку Изображение.

Настройка модуля WISIWYG. TinyMCE для ограничений HTML. Параметры изображения
Рисунок 46. Настройка модуля WISIWYG. TinyMCE для ограничений HTML. Параметры изображения

Нужно ввести адрес пути к изображению. Получается, что пользователю нужно предоставить доступ к определенной директории на сервере, чтобы он скопировал в неё свои файлы изображений. Это не очень удобно. И с организацией доступа возникают проблемы.

Модуль IMCE

Для решения данной проблемы пользователю нужно предоставить форму для загрузки своих файлов на сервер и желательно в свою персональную директорию. Для организации данного функционала нам потребуется модуль IMCE. Cкачиваем с сайта drupal.org, установим его и русифицируем. Заходим на страницу настройки профилей IMCE.

IMCE. Настройка профилей
Рисунок 47. IMCE. Настройка профилей

Редактируем профиль User-1. Переименуем его в Основной. Установим для настроек Разрешенные разрешения файлов значение gif png jpg jpeg и Максимальное разрешение изображения значение 1200x1200. Это позволит пользователям загружать только файлы изображений и размера не больше чем 1200x1200.

IMCE. Настройка профилей. User 1
Рисунок 48. IMCE. Настройка профилей. User 1

Папки

Теперь нужно задать определенную директорию для загрузки файлов.

IMCE. Настройка профилей. User 1. Папки
Рисунок 49. IMCE. Настройка профилей. User 1. Папки

В инструкции описано, как правильно заполнить поле с указанием пути. Следуя согласно указаниям инструкции, установим, чтобы система для каждого пользователя в директории users создавала его персональную папку с названием соответствующим его логину. Также укажем, что пользователь может просматривать данную директорию и закачивать туда свои файлы. Создавать миниатюры, удалять файлы и изменять их размер запретим. Эти правила распространим и на подпапки.

Миниатюры

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

IMCE. Настройка профилей. User 1. Миниатюры
Рисунок 50. IMCE. Настройка профилей. User 1. Миниатюры

Сохраняем.

Профиль Sample profile удаляем. Будем использовать для всех пользователей один профиль.

Устанавливаем профили по ролям. Для всех пользователей, кроме анонимных разрешим загружать изображения.

Сохраняем.

IMCE. Настройка профилей для ролей
Рисунок 51. IMCE. Настройка профилей для ролей

Модуль IMCE Mkdir

Выше упоминалась возможность работы с подпапками. Данный модуль предоставляет такую возможность. Cкачиваем с сайта drupal.org, установим и русифицируем его. Теперь изменим профиль IMCE на странице admin/config/media/imce/profile/edit/1.

IMCE. Настройка профилей. User 1. Папки
Рисунок 52. IMCE. Настройка профилей. User 1. Папки

Сохраняем.

Модуль IMCE Wysiwyg API bridge

Осталось подключить модуль IMCE к модулю WISIWYG. Для этого предназначен модуль IMCE Wysiwyg API bridge. Cкачиваем с сайта drupal.org, установим и русифицируем его. В завершении изменим профили WISIWYG на странице admin/config/content/wysiwyg

Нужно добавить плагин IMCE.

IMCE Wysiwyg API bridge. TinyMCE для ограничений HTML. Кнопки и плагины IMCE
Рисунок 53. IMCE Wysiwyg API bridge. TinyMCE для ограничений HTML. Кнопки и плагины IMCE

Сохраняем.

Попробуем теперь добавить изображение к нашей записи. В панели добавления изображения появилась дополнительная кнопка Обзор.

IMCE Wysiwyg API bridge. Параметры изображения
Рисунок 54. IMCE Wysiwyg API bridge. Параметры изображения

Нажмём её. Появляется ещё одно окно.

IMCE Wysiwyg API bridge
Рисунок 55. IMCE Wysiwyg API bridge

Здесь отображаются все закаченные на сервер файлы. Обратим внимание, что директория загрузки файлов соответствует указанной в настройке модуля IMCE. Выше размещаются ссылки для управления.

Загрузить

Попробуем закачать какой-нибудь файл изображения и добавить его к нашей записи.

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

IMCE Wysiwyg API bridge. Загрузить
Рисунок 56. IMCE Wysiwyg API bridge. Загрузить

Далее выбираем нужный файл и нажимаем Загрузить.

Каталог

Если нужно создать дополнительную подпапку, то нажимаем на Каталог, вводим название и нажимаем кнопку Добавить.

IMCE Wysiwyg API bridge. Каталог
Рисунок 57. IMCE Wysiwyg API bridge. Каталог

Вставить файл

Добавление файла к записи осуществляется при его выделении и нажатии на ссылку Вставить файл.

IMCE Wysiwyg API bridge. Вставить файл
Рисунок 58. IMCE Wysiwyg API bridge. Вставить файл

Система закрывает текущее окно и заполняет параметрами изображения предыдущее. Изображение имеет большие размеры 1200х900, поэтому изменим их на меньшие. Для этого в соответствующих полях проставим значения 400 и 300. Нажимаем кнопку Вставить.

IMCE Wysiwyg API bridge. Вставить файл. Параметры изображения
Рисунок 59. IMCE Wysiwyg API bridge. Вставить файл. Параметры изображения

Сохраняем.

Продолжение следует…

Читайте также

Цитировать

Долганов, А.А. Персональный блог на Drupal / А.А. Долганов. — Текст : электронный // NovaInfo, 2012. — № 8. — URL: https://novainfo.ru/article/1458 (дата обращения: 21.01.2022).

Поделиться