Я использовал в названии этого ВВ-кода слово «спойлер» не как принадлежность к семейству программных продуктов с одноимённым названием, а в широком смысле этого слова. Фактически ВВ-код текстового спойлера (далее, спойлер, текстовый спойлер) выполняет функцию замены одного фрагмента текста на другой без нарушения форматирования текста всей страницы.
В Википедии спойлеру дают такое определение
Quote:
Спойлер — информация о сюжете книги, фильма или компьютерной игры, которая разрушает задуманную авторами интригу, не даёт её пережить самостоятельно, будучи преждевременно раскрытой, лишает некоторых читателей части удовольствия от сюжета.
|
Передо мной стояла задача, убрать под спойлер текст, который имел косвенное отношение к статье (теме). Такой текст мог содержать, к примеру, справочные данные, пояснения, сведения о предыдущих публикациях.
Все известные мне программные продукты с названием «Спойлер» при открытии текста вызывали перевод строки, следствием чего нарушалось форматирование текста страницы.
Спойлер -
информация о сюжете
книги, фильма или компьютерной игры, которая разрушает задуманную авторами интригу, не даёт её пережить самостоятельно
, будучи преждевременно раскрытой, лишает некоторых читателей части удовольствия от сюжета.
Поэтому от такого варианта пришлось отказаться. Кроме этого в тексте было неудобно пользоваться «Спойлером», управление которым было привязано к определённой строке страницы.
В текстовом спойлере, указанные недостатки отсутствуют.
Ниже приведены характеристики текстового спойлера.
- Текст под спойлером встраивается в текст страницы, не нарушая её форматирования.
- Открытый текст подсвечивается, выделяя его на странице.
- После клика на слово (фразу) в названии спойлера, открывшийся текст замещает фрагмент с текстом названия спойлера
- Закрытие спойлера осуществляется по клику в любом месте открытого текста.
- Фрагмент страницы под спойлером, может содержать другие ВВ-коды, картинки, гиперссылки в рабочем состоянии.
- Количество текстовых спойлеров на одной странице не ограничено.
Примеры работы текстового спойлера.
1. Если в названии спойлера используется слово (фраза) из начала скрытого под спойлером текста, то не потребуется редактировать текст, удаляя используемые слова из текста.
Спойлер - информация о сюжете, будучи преждевременно раскрытой, лишает некоторых читателей части удовольствия от сюжета.
Спойлер - информация о сюжете книги, фильма или компьютерной игры, которая разрушает задуманную авторами интригу, не даёт её пережить самостоятельно, будучи преждевременно раскрытой, лишает некоторых читателей части удовольствия от сюжета.
2. В качеств названия спойлера можно выбрать любое слово или фразу, поскольку название спойлера будет заменено на текст под спойлером.
Спойлер - информация о сюжете книги, фильма или компьютерной игры [читать дальше….]
Спойлер - информация о сюжете книги, фильма или компьютерной игры, которая разрушает задуманную авторами интригу, не даёт её пережить самостоятельно, будучи преждевременно раскрытой, лишает некоторых читателей части удовольствия от сюжета.
По умолчанию, в тексте страницы название спойлера подчёркивается пунктирной линией, но можно применять и другие способы отображения названия спойлера, например, изменяя цвет шрифта, его размер или обрамляя название спойлера в цветной прямоугольник. Так же можно поступить с текстом под спойлером, заменив осветление цвета, установленное по умолчанию, на другой стиль отображения, например, курсив.
В приложении находится инструкция по установке BB-кода текстового спойлера с вариантами оформления названия спойлера и текста под ним.