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

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


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

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

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


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

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

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

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

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

Сообщение автор 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
 

Сообщения : 113
Возраст : 35
Регистрация : 2015-03-12
Благодарности : 100

Без предупреждений

http://palata7.forum2x2.ru

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

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


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