DEMO
+
Скрипт для тех кто не пользуется визуальным редактором по тем или иным причинам как и мы, но панель BB кодов уже очень мала и часто не хватает тех кнопок каких нужно многие смотрят как они пишутся в списке
All codes, другие знают и пишут вручную их. Не особа удобно если материал очень большой писать каждый раз муторно переключая раскладку туда сюда!. Мы же создадим свою панель путем js которые нужны для частого использования!.
Пример добавления BB кнопки CODE: 1. В js добавляем:
Код
Скопировать из файла: http://ucodes.ru/testy/bb/1.txt
Разберем скрипт:
1.
class="uBCode" Наша кнопка CODE - Добавляем свои меняя атрибут и название кнопки!.
2. Создаем
$('.uBCode').click(function () { С вызовом нашей нашего BB Кода.
3. Меняем переменную
ubValue чтоб не было конфликта с этой же переменной в следующей кнопке.
4. Добавляем сам BB код
code /code 2. В CSS добавим стили кнопок:
Код
.uBstyle {
float: left;
padding: 2px 7px;
font-weight: bold;
background: #F1F1F1;
border: 1px solid #949494;
border-radius: 2px;
margin-right: 2px;
cursor: pointer;
}
Пример js кода с кнопками
CODE AUDIO URL SPOILER:
Код
Скопировать из файла: http://ucodes.ru/testy/bb/2.txt
При копировании материала указываем источник
uCodes.ru
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Best_Studio
Дата добавления: 25.01.2016 в 13:12 по МСК
Категория: Другие модули
Просмотров: 933
Комментариев: 0
Эмоций:
-
Оценки читателей
ЗАКРЫТЬ
- 0 Лайк
- 0 Лавки
- 0 Ахахах!
- 0 Ого!
- 0 Восторг
- 0 Печаль
- 0 Грусняшь
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]