Плагин «Супер спойлер (Powered spoiler)»

 

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


Читать дальше

Спойлер на jQuery

10
Все больше и больше плагинов адаптируется под версию 0.5.1 и уже довольно скоро планирую свой проект «портировать» на новую версию. Начал проверять, какие из используемых мной плагинов переведены на jQuery. Плагин спойлера все еще не обновился. Попробовал сам. Получилось. Выкладываю :)


Ссылка, демо и некоторые особенности под катом

Читать дальше
  • +3
  • 02 ноября 2011, 00:37
  • SkyNet

Spoiler для LiveStreet 0.5

12

Так как для моего интернет ресурса очень важен такой тег как,
<spoiler title=""></spoiler>

но на jQuery его нет, пришлось делать самому(За основу взял плагин от kks , пока к сожалению в плагинах не очень силен)!!!
Сделаные изменения
  • Переделан js код под jQuery
  • Не знал как плагином добавить кнопку в markItUp, поэтому ниже будет инструкция как это сделать
Добавление кнопки спойлера в редактор
  1. Для начала идем в папку с шаблоном/js/markup_settings.js
  2. Ищем в тексте строчку отвечающую ха тек «код»
    
    {name: ls.lang.get('panel_code'), className:'editor-code', openWith:'<откр. code>', closeWith:'<Закрытие тега код>' },
      ниже добавим 
    {name: ls.lang.get('panel_spoiler'), className:'editor-spoiler', openWith:'<spoiler title="">', closeWith:'</spoiler>' },
    

  3. Далее идем в папку \engine\lib\external\jquery\markitup\sets\default
  4. Откроем фаил style.css и добавим стиль
    .markItUp .editor-spoiler a   { background-image:url(images/spoiler.png); }

    Картинку можно скачать тут
  5. Атеперь добавим строчку в фаил templates\language\russian.php
    
    После -
    'panel_code' => 'код',
    Это -
    'panel_spoiler' => 'Спойлер',
    

Скачать можно тут DOWNLOAD
  • +2
  • 12 сентября 2011, 21:49
  • guf_

Спойлер на лс 0.5

2
Переписываю старый спойлер(плагин) на ls 0.5!!! Прописал все где нужно для тега, добавил кнопку в редактор, добавил в css шаблона стиль. Создаю топик со спойлером, стиль все норм!!! Но немогу врубиться чтоб заработала .js(путь до шаблона/new-jquery/js/spoiler.js) код такой:
window.addEvent('domready', function() {
    /**
    © Serg_pnz
    admin@ponedelnikov.net
    */
    mass01 = $$('div.spoiler div');
    mass01.each(function(mass011) {
        if (mass011['className']=='spoiler-title') {
            numb = $random(10, 99)+''+$random(10, 99)+''+$random(10, 99)+''+$random(10, 99);
            mass011.setProperty('id', 'st'+numb);
        }
        if (mass011['className']=='spoiler-body') {
            mass011.setProperty('id', 'sb'+numb);
        }
    });

    mass02 = $$('body div.spoiler-title');
    mass02.each(function(mass021) {
        idsbtmp = mass021['id'];
        var    idsb = idsbtmp.slice(2, 10);
        var    myVerticalSlide = new Fx.Slide('sb'+idsb); 
        if ($('sb'+idsb).getStyle('display') == 'none') {
            myVerticalSlide.toggle();
            (function(){
                $('sb'+idsb).setStyle('display', 'block');
            }).delay(100);
        }
            
        mass021.addEvent('click', function(){
            myVerticalSlide.toggle();
        });
    });
});

А вот то что в Text.class

public function SpoilerParser($sText)
	{
		$aMatches = array();
		while (preg_match('/<spoiler title="(.+?)">/', $sText, $aMatches) !== false && count($aMatches) > 1) {
			$sTitle = $aMatches[1];
			$sText=str_replace("<spoiler title=\"$sTitle\">", '<div class="spoiler"><div class="spoiler-title">'.$sTitle.'</div><div class="spoiler-body">', $sText);
			$sText = str_replace("</spoiler>", '</div></div>', $sText);
		}
		return $sText;
}
  • +1
  • 08 сентября 2011, 17:12
  • excel

И опять про редактор...

5
Почитал посты про добавление кнопок в редактор. Проделал все необходимые добавления в файл ActionTopic/add.tpl. Создано и залито изображение для новых кнопок. Разрешены теги (и они таки работают в ручном режиме при создании сообщения) в /engine/modules/text/Text.class.php. Т.е. необходимо было задействовать выравнивание по ширине текста (просьба пользователей), раскраска текста (font color="#xxxxxx"). Повторяюсь: ручками все работает — прописываешь теги в окне ввода текста, ставишь цвет, выполняешь тегом
<p>
выравнивание по ширине — все ОК как при предосмотре, так и после публикации. Проблема — не отображаются кнопки в панели редактора. Перерыл кучу топиков, не могу найти — в чем проблема? Пробовал закомментировать даже дефолтные кнопки — все равно отображаются и редактор пашет. Можно вообще удалить все — все равно пашет. Мистика… В одном из постов читал, что может делать перехват редактора какой-либо из плагинов, например ACE-чего-то там. Так у меня не установлен данный плагин. Плагинов минимал. Кеш обнулял (TMP, в templates — cache и compiled). Версия LS 0.4.2. Может кто-то подскажет, в чем может быть проблема?

На другой день:

Всем пардон, и прошу прощения за вопросы и просьбы (хотя никто так и не ответил). Но с проблемой разобрался. Путем недолгого логического размышления выяснил, что все-таки перехват редактора плагином есть, и этот плагин SPOILER. Вот из него-то и идет сейчас оформление редактора в моей LS. Т.е. кнопки добавляем по пути: ваш_сайт/plugins/spoiler/templates/skin/default/actions/ActionTopic/add.tpl Всем установившим данный плагин и решившим немного модифицировать свой редактор — возьмите на заметку! Иные плагины, модифицирующие ваш редактор тоже могут стать «перехватчиками».

Еще раз про спойлер (сделано.... - Intro)

 
Нужно прикрутить спойлер в редактор.
Оплата: — предоплата…
Время: — срочно…
---------------------
Работа выполнена… спасибо огромное Intro

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

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

Хочу сделать что-то второде маленьких подсказок на сайте, было бы очень удобно если бы можно было вставить спойлер.
  • 0
  • 21 апреля 2009, 13:59
  • hello