Перейти к содержимому


Фото
- - - - -

Плагин "Spoiler" для TinyMCE


  • Чтобы отвечать, сперва войдите на форум
7 ответов в теме

#1 sergei5770

sergei5770
  • Пользователь
  • 197 сообщений
  • Дизайн, Верстка
  • Версия CMS:2.x
  • Откуда:Россия

Опубликовано 13.05.2014 - 21:13

1) Качаем плагин umispoiler

2) Кидаем папку из архива по пути simpla/design/js/tiny_mce/plugins

3) Открываем файл tinymce_init.tpl, который находится в дериктории simpla/design/html/, и пишем следующее:

а) После plugins : " дописываем umispoiler, - ЗАПЯТАЯ ОБЯЗАТЕЛЬНА!

б) После theme_advanced_buttons3 : " дописываем umispoiler

 

Готово, теперь в редакторе появится кнопка Вставить спойлер!

 



#2 Kostyafan

Kostyafan
  • Пользователь
  • 56 сообщений
  • Заказчик
  • Версия CMS:2.x
  • Откуда:МО

Опубликовано 15.05.2014 - 22:01

для чего он нужен, можно узнать?



#3 Danya

Danya
  • Фрилансер
  • 908 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:1.x, 2.x

Опубликовано 16.05.2014 - 09:11

что можно было скрывать и раскрывать текст на странице



#4 chubr

chubr
  • Пользователь
  • 73 сообщений
  • Заказчик
  • Версия CMS:2.x
  • Откуда:Псков

Опубликовано 16.05.2014 - 21:16

Спасибо! На днях думал о таком.

 

Правда, можно ли доработать, чтобы если у товара описание больше X строк, появлялась кнопка "Дальше"?



#5 sergei5770

sergei5770
  • Пользователь
  • 197 сообщений
  • Дизайн, Верстка
  • Версия CMS:2.x
  • Откуда:Россия

Опубликовано 16.05.2014 - 22:28

Спасибо! На днях думал о таком.

 

Правда, можно ли доработать, чтобы если у товара описание больше X строк, появлялась кнопка "Дальше"?

это уже руками можно запилить, спойлер он же с рождения просто текст пакует, при нажатии раскрывается, вам не спойлером это надо реализовывать



#6 dimon1974

dimon1974
  • Пользователь
  • 128 сообщений
  • Пользователь
  • Версия CMS:2.x

Опубликовано 31.05.2014 - 13:18

HTML:
<div class="spoil">
<div class="smallfont">Текст описания спойлера<input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Развернуть'; }"/>
</div>
<div class="alt2">
<div style="display: none;">

текст внутри спойлера...

</div>
</div>
</div>

CSS:
alt2{ margin: 0px; padding: 6px; border: 1px inset;}
smallfont{margin-bottom:2px;}
spoil{margin:10px; margin-top:5px;}



#7 AlexanderKi

AlexanderKi
  • Пользователь
  • 103 сообщений
  • Пользователь
  • Версия CMS:2.x

Опубликовано 28.05.2015 - 12:15

Очень крутой плагин. Но работать с ним мароко, не распознает стандартыне коды. Текст сплошником.



#8 byrzyi

byrzyi
  • Пользователь
  • 66 сообщений

Опубликовано 17.02.2018 - 17:21

Замечательно, благодарю автора! Реализовал, но...

Текст "Показать / скрыть текст" где-то 3го размера (нужно уменьшить) и его цвета синий/красный при наведении не подходят по тематике сайта. Кто-то пробывал редактировать цвет/размер "Показать / скрыть текст"? Искал, нигде не нашел. Какие стили он использует?
Спасибо!






0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых