Jump to content

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


Recommended Posts

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

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

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

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

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

 

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

 

Link to post
Share on other sites

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

 

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

Link to post
Share on other sites

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

 

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

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

Link to post
Share on other sites
  • 2 weeks later...

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;}

Link to post
Share on other sites
  • 11 months later...
  • 2 years later...

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

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

Link to post
Share on other sites
  • 1 year later...
  • 1 year later...

Пробуйте альтернативные пути. Поисковик легко дает, например

http://wiki.umisoft.ru/%D0%9F%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD_%22Spoiler%22_%D0%B4%D0%BB%D1%8F_TinyMCE

У меня по ссылке когда ставлю вообще перестает работать редактор. Можете сюда выложить файл с 1го поста кто успел скачать

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...