Wysiwyg Editor, Freetext, Link, Button - стандартные поля SEBLOD

Продолжим описание полей доступных в CKK SEBLOD «из коробки», т.е. стандартных полей. Об условной классификации полей SEBLOD в начале предыдущего материала «Стандартные поля SEBLOD: text, textarea, checkbox, radio, calendar». Далее будут более интересные поля.

Как обычно поля рассматриваются в двух аспектах, соответствующих сторонам сайта. Admin (админка) – особенности поля со стороны админки сайта. Site (сайт) – тот вид, который введенные/выбранные в админке данные приобретают на сайте, т.е. видны обычному пользователю.

Поле SEBLOD типа «Wysiwyg Editor» (№8)

Поле типа Wysiwyg Editor – вариант оформления поля типа textarea, дополненное возможностью применить для форматирования контента (текста, ссылок, заголовков, таблиц, изображений …) любой установленный на сайте редактор контента.

В админке поле типа Wysiwyg Editor выглядит как поле ввода контента в материалах Joomla. Позволяет вводить многострочный текст с форматированием и выводить его на сайте.

Для поля настраиваются: значение по-умолчанию (также с использованием редактора контента), выбрать редактор из установленных на сайте или оставить редактор, назначенные на сайте по умолчанию, задать размер окна для админки.

Примеры полей типа Wysiwyg Editor на сайте Joomla – поля ввода контента в материалах. Пользовательские – любые дополнительные текстовые поля, требующие форматирования, например, дополнительное (второе) поле описания категории.

Для контента Joomla компонент CCK Seblod создает два поля типа Wysiwyg Editor – отдельное поле для ввода Introtext и отдельное для Fulltext, это позволяет более гибко подходить к размещению материала на странице.

Ничего не мешает создать третье, четвертое, … n-е поля и распределить по ним контент страницы по своему усмотрению. Дальше настраиваем анимацию вывода отдельных полей по своему вкусу и тем самым получаем себе PageBuilder (посторитель страниц) на основе CCK Seblod.

Можно создать отдельное поле типа Wysiwyg Editor и выбрать в качестве редактора «Code Mirror» - вы сможете вводить в поле действующий код JS для срабатывания на странице.

На мультиязычных сайтах при помощи полей типа Wysiwyg Editor делаются копии полей Introtext и Fulltext и других полей для соответствующих языков.

Поле SEBLOD типа «Freetext» (№9)

Поле типа Freetext, также текстовое поле. Но в отличии от ранее описанных полей это поле позволяет ввести в режиме настройки некоторую постоянную информацию, которая на сайте будет выведена во всех материалах, в которых это поле присутствует. В админке это поле выводится также как и на сайте.

В настройках поля содержится Wysiwyg Editor, обеспечивающий дополненные возможности для форматирования вводимого контента (текста, ссылок, заголовков, таблиц, изображений …). В текущей версии Seblod 3.19.0 используется редактор «TinyMCE», другой редактор выбрать невозможно.

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

Это специфическое для CCK Seblod поле, примеры полей типа Freetext на сайте Joomla привести затруднительно. Некоторой аналогией может служить модуль «Произвольный HTML» движка Joomla. В этот модуль также может быть внесен какой-то контент, который затем может быть вставлен в определенное место на сайте. С той разницей, что модуль вставляется в позицию шаблона, а поле типа Freetext в определенное место контента Seblod.

Пользовательский пример – любые дополнительные заголовки или подписи, одинаковые для каждого материала. В форме обратной связи полем типа freetext выводим комментарии ко всей форме (…поля обозначенные * обязательны для заполнения…) или отдельному полю (…введите телефон в формате ###...) и т.д. Можно вставить в поле freetext логотип компании, адрес, телефон и выводить в каждом материале (товаре, статье).

В стандартной поставке CCK Seblod разработчиками создано множество полей этого типа. Это заготовки типа FreeText Edit, FreeText Read More … из которых в последствии делаются кнопки «Редактировать», «Читать далее» и т.д. Таким образом ещё одно назначение поля типа Freetext - создание собственных кнопок, иконок, ссылок и т.д.

Поле SEBLOD типа «Link» (№10)

Поле типа Link предназначено для ввода и вывода ссылок.

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

В админке поле типа типа Link выглядит в зависимости от настроек, минимально – текстовое поле для ввода ссылки, а если разрешено – поля для ввода текста, класса и выбора цели. На сайте – это ссылка, которая выглядит в соответствии с принятыми настройками.

Простейшие примеры использования – ссылка на работу (созданный сайт) в разделе портфолио, ссылка на страницу товара на сайте производителя и т.д.

Поле SEBLOD типа «Button Submit» (№11)

Поле типа Button Submit предназначено для вывода кнопок в формах CCK Seblod, нажатие на которые приводит к выполнению стандартных задач. Используются в формах создания и редактирования материалов, поиска и обратной связи.

Основная настройка кнопок типа Button Submit – выбор задачи – save, save & close, reset, cancel и т.д. Также настройки поля содержат возможность выбора типа кнопки (input или button) и позволяют добавить иконку из стандартного для Joomla пакета Icomoon.

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

Простейшие примеры использования – кнопки «Сохранить» и «Закрыть» в форме редактирования, «Искать» и «Сбросить» при поиске и фильтрации товаров, «Отправить» в форме обратной связи.

Поле SEBLOD типа «Button Free» (№12)

Поле типа Button Free предназначено для вывода кнопок в формах CCK Seblod, нажатие на которые приводит к выполнению специфических задач. Используются, как правило при создании новых материалов и в формах поиска, а также непосредственно при работе с материалами.

Основная настройка кнопок типа Button Free – выбор задачи. Стандартных четыре – View (просмотр материала, аналог «читать далее»), Delete, Form (редактирование материала) и List&Search (открытие списка материалов по критерию).

При установке соответствующих плагинов список задач будет пополнен, но это уже функционал, не входящий в понятие «стандартный».

Также настройки поля содержат возможность выбора типа кнопки (input или button) и позволяют добавить иконку из стандартного для Joomla пакета Icomoon.

На сайте кнопки выглядят как кнопки в соответствии сделанным настройкам и присвоенным классам.

Простейшие примеры использования – кнопки «Добавить» для открытия формы создания нового материала и «Редактировать» для открытия формы редактирования текущего материала.

Продолжение в следующем материале.