Как сделать спойлер с названием

Как сделать спойлер с названием

Оформление сообщений на форуме

Важное замечание для новичков!
Не торопитесь опубликовать сообщение, сделайте предварительный просмотр, чтобы убедиться, что все выглядит так, как Вы хотели.
Для этого необходимо нажать кнопку «Предварительный просмотр», находящуюся внизу окна редактирования сообщения.
Если все получилось, можно нажать кнопку «Отправить».

Сообщение отредактировал CyberBob — 14.05.14, 09:23

Что такое спойлер и как правильно использовать его в сообщениях?
Часто на форуме для уменьшения объёма сообщения применяют инструмент для сворачивания текста — спойлер. Он позволяет скрыть объёмные изображения и длинные тексты, при этом желающий ознакомиться с представленным материалом поближе может развернуть спойлер нажатием левой кнопки мыши по нему, при этом отображается всё содержимое спойлера. Далее подробно рассмотрены 2 типа спойлеров, использующихся на форуме. Вы можете использовать любой, в зависимости от ситуации.

ˇ Простой спойлер

Визуально спойлер представляет собой элемент разметки html-страницы, позволяющий свернуть текст и (или) изображение.
Кликнув на этот элемент, можно посмотреть его содержимое.
Например:

Чтобы спрятать под спойлер текст, делаем следующее.
После написания (или в процессе написания) сообщения, выделяем ту его часть,
которую хотим спрятать под спойлер, и нажимаем кнопку «Сделать текст сворачиваемым»:

то есть выделенный Вами текст обрамляется с обоих сторон тегами, обозначающими то, что после опубликования сообщения в интернет обозревателе будет отображаться как спойлер:

Спойлер с названием

Визуально этот элемент выглядит так:

Для заголовка спойлера применимы все функции форматирования текста, такие как:
– толщина шрифта (жирный шрифт)
– наклонный шрифт
– подчеркнутый шрифт
– перечеркнутый шрифт
– размер шрифта
– цвет шрифта.
Например:

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

Как задать имя в спойлере? — Kunena

Этот текст — перевод статьи из нового портала документации для разработчиков Joomla, раздел «Основные концепции». Ранее уже был опубликован перевод раздела, описывающего принципы Dependency Injection Containers в Joomla 4.

WT Articles anywhere with fields v.2.0.0

Контент-плагин Joomla, позволяющий вставлять информацию из материалов и пользовательских полей материала в любом месте, где работают контент-плагины с помощью шорт-кода вида .Для плагина возможно (и даже необходимо) создавать свои макеты вывода, которые Вы указываете в шорт-коде.

Joomla 5: плагин обратной совместимости

Как известно, из кода Joomla постепенно исчезают устаревшие классы API. Многие из них «продержались» в ядре со времён Joomla 1.5. Отказ от них — это эволюция. Однако, удаление устаревших классов и методов будет вызывать ошибки в расширениях, которые разработчики вовремя не обновили.

Плагин Spoiler

Добавление спойлерных секций

This extension is not in the ‘plugin’ or ‘template’ namespace and is therefore ignored.

Спойлер-тег для DokuWiki. Создаёт секцию текста, спрятанную под кнопкой (можно задать название) и появляющуюся/прячущуюся по клику на кнопке.

Установка

Синтаксис

Создать кнопку для этого кода можно с помощью плагина plugin:custombuttons.

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

Обсуждение

Хотелось бы видеть его работающим со списками:

Это было бы замечательное дополнение к замечательному плагину.

Да, с последними версиями Dokuwiki не работает. Возможно, автор не нашёл решения с 2007 года…

Патч для контроля состояния всех спойлер-тегов на странице

По умолчанию open , открывающий все спойлеры, this is opposite of using <spoiler> without

Как сделать спойлер с названием

Сообщения: 25157
Благодарности: 3797

Мы решили заменить тег скрытого текста на новый — [spoiler].

Новый тег поддерживает работу как без заголовка так и с ним.

[spoiler]Пример с заголовком по умолчанию.[/spoiler]
[spoiler=Мой заголовок]Пример с заголовком, указанным пользователем.[/spoiler]

Тег [spoiler] пришел на смену тегам [ht] и [more], которые в скором времени будут удалены и не будут более обрабатываться. Поэтому просьба переделать свои шаблоны и букмарклеты и использовать только новый тег [spoiler].
В сообщениях, где использовались теги [ht] и [more], будет произведена автозамена — [ht=Заголовок] будет заменен на [spoiler=Заголовок], а [more] будет заменен на [spoiler].

Некоторые особенности :
— заменена иконка и действие в панели инструментов редактора:
— UPD добавлена кнопка для вставки тега [spoiler] с заголовком: Эта кнопка работает также как кнопки URL, IMG и вставляет в окно ввода [spoiler=Ваш заголовок][/spoiler]
— тег [spoiler] обрамляет выделенный текст в редакторе при нажатии кнопки вставки тега
— внутри тега [spoiler] обрабатываются все остальные теги ([code], [php], [img], [quote] и т.д.)
— тег [spoiler] поддерживает вложенность:
Пример вложенности спойлеров :

Известные ограничения.
После отправки или быстрого редактирования сообщения тег [spoiler] может не раскрываться до перезагрузки страницы

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

Спасибо за внимание.

Сообщения: 27450
Благодарности: 8086

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

Сообщения: 25157
Благодарности: 3797

Сообщения: 1464
Благодарности: 161

Сообщения: 27450
Благодарности: 8086

Сообщения: 40597
Благодарности: 9330

А нельзя ли вывести спойлер с заголовкам на отдельную иконку в окне ответа, чтоб вручную не писать "=Мой заголовок]"?

Например через диалог — "введите название спойлера>>> введите содержание спойлера"