Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Готовое решение - Переназначение действий на кнопках редактора

Предыдущая тема Следующая тема Перейти вниз

Готовое решение - Переназначение действий на кнопках редактора

Сообщение автор Racoon в Чт 30 Апр - 22:03

Результат на скриншоте. Не работает с WYSIWYG (Лень было возиться)


Имеется простой способ сократить/изменить работу тех или иных кнопок редактора при помощи скрипта:

Добавляем скрипт доступный в темах и там где нужно.
Код:

$(function()
{
if($.sceditor)
{

$.sceditor.command.set('time', { txtExec: ["[blur]", "[/blur]"], tooltip : "Размыть текст (Ctrl+B)", shortcut: "ctrl+b"});
$.sceditor.command.set('faspoiler', { txtExec: ["[spoiler]", "[/spoiler]"], tooltip : "Спрятать под спойлер (Ctrl+S)", shortcut: "ctrl+s"});
$.sceditor.command.set('quote', { txtExec: ["[quote]", "[/quote]"], tooltip : "Цитата (Ctrl+Q)", shortcut: "ctrl+q"});
$.sceditor.command.set('bold', { txtExec: ["[b]", "[/b]"], tooltip : "Жирный (Alt+B)", shortcut: "Alt+b"});
$.sceditor.command.set('italic', { txtExec: ["[i]", "[/i]"], tooltip : "Курсив (Alt+I)", shortcut: "Alt+i"});
$.sceditor.command.set('underline', { txtExec: ["[u]", "[/u]"], tooltip : "Подчеркнуть (Alt+U)", shortcut: "alt+u"});
$.sceditor.command.set('strike', { txtExec: ["[strike]", "[/strike]"], tooltip : "Зачеркнуть (Alt+S)", shortcut: "alt+s"});
}

});

В этом скрипте переназначаются действия, подсказки и клавиатурные ярлыки на кнопки.

К примеру, ненужную мне кнопку time я задействовал под blur - размытие текста. Размытый текст.

Также там назначается клавиатурный ярлык Ctrl+B (можно в редакторе быстро применить стиль, нажав  эту комбинацию клавиш)
Можно также убрать ненужные диалоги на quote и faspoiler,  переназначив эти команды.

Для замены картинки на кнопке нужно переопределить CSS стиль.
Так для кнопки time. Нужно вписать URL на картинку в атрибут background
Код:
a.sceditor-button.sceditor-button-time div {
background: transparent url(http://i19.servimg.com/u/f19/19/03/50/21/razm10.png) no-repeat center;
opacity:1 !important;
filter:alpha(opacity=100) !important;
}

Картинка должна быть 16 на 16 пикселей.

Racoon
 
 

Сообщения : 114
Возраст : 35
Карма : Без предупреждений
Благодарности : 100
Регистрация : 2015-03-12

http://palata7.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения