Вот полюбился на моем форуме юзерам тэг офф-топа. Теперь они долшли до того что прячут в ним длинные не интересные статьи и прочее. Мне вся эта не красота надоела, и решил сделать тэг Cut как в ЖЖ, по образу и подобию тэга офф-топ на этом форуме.

Тэг прячет выделенный текст, пока не нажмешь на слово. Слово/фразу можно вбивать самому при вставке тэга.

Установка: В админке - Добавить BB коды.

Заголовок: Cut
Тэг: cut
Замена:

<span><a href="#" title="для просмотра скрытого текста - жми сюда" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">{option}</a><div class="subblock" style="display: none"> {param}</div></span>

Пример: [cut=read more] спрятанный текст [/cut]
Описание: Прячет выбранный текст.
Использовать option - ДА
Изображение кнопки: images/editor/cut.gif
Сохранить

Если у вас НЕ стоит тэг офф-топа

нужно добавить описание класса subblock в CSS в менеджере стилей:
скролим в самый низ, находим дополнительные параметры CSS для продвинутых пользователей и вписываем туда:
Код HTML:

/* bbcode [off] */
div.subblock {
background-color: #F9F9FF; 
border-left: 2px solid #738499; 
padding: 5px; 
margin-top: 5px; 
margin-bottom: 5px; 
margin-left: 20px; 
display: none;
}

Если у вас стоит тэг офф-топа, то этого можно не делать - в нем точно такое же редактирование стилей.

Далее скачиваем и загружаем в свою папку images/editor/ изображение из вложения (с.м. ниже)

Так то всё хорошо. Один баг. Нету автоматического переноса на новую строку.
То есть если скрыть очень длинное предложение, она растянет форум.

Как править?

+1

13_Angel, наверное убрать white-space: nowrap;

Originally Posted by netwind

наверное убрать white-space: nowrap;

Именно. Исправил в первом посте.
У меня на форуме этой строки нету, но лениво было лезть и скопировал из темы "тэг офф-топа". Зачем ее там поставили до сих пор не понял.

Подскажите пожалуйста как его добавить отдельно в шаблоны быстрого ответа??
<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_cut"><img src="$stylevar[imgdir_editor]/cut.gif" alt="Вставить тег [CUT] вокруг выделенного текста" width="21" height="20" alt="$vbphrase[wrap_cut_tags]" /></div></td>
так не открывается окошко, может у кого нить есть ещё варианты?

Вот так:

<td><div class="imagebutton" id="{$editorid}_cmd_wrap1_cut"><img src="$stylevar[imgdir_editor]/cut.gif" alt="Вставить тег [CUT] вокруг выделенного текста" width="21" height="20" alt="$vbphrase[wrap_cut_tags]" /></div></td>

Таким образом: wrap0 - вставка без опции, wrap1 - с опцией

А как сделать так, чтобы при нажатии на кнопку КАТа юзер не мог вставить свой текст, то бишь чтобы я мог задать изначально текст "Оффтоп" и каждый раз юзер мог только вбивать сам текст для скрытия, а описание было бы одинаковым везде?

VADOS [Dj], жжошь. Этот тэг является ПЕРЕДЕЛКОЙ основного тэга, чтобы позволять вставлять СВОЙ текст =)
тебе нужен оригинальный тэг который назвается BB-код offtop

А проверку в тег можно сделать на отсутствие описания? если весь пост спрятать за
[cut=] спрятанный текст [/cut] подобное описание, то в результате получается вообще пустой пост