Как изменить значок плагина tinymce

Я использую плагин jbiimages. Я бы хотел использовать другой значок из tinymce_icons.gif, если я знаю, где внести изменения, но не знаю, каким он должен быть. В jbiimages я нашел следующий код:

// Add a button that opens a window
editor.addButton('jbimages', {
    tooltip: 'Upload an image',
    icon : 'image',
    text: 'Upload',
    onclick: jbBox
});

Итак, где я могу найти список имен значков, чтобы я мог изменить его на нужный мне значок?


person George    schedule 10.09.2013    source источник


Ответы (1)


Вот как найти значки и выбрать нужный:

TinyMCE версии 4 больше не использует файл tinymce_icons.gif. Он использует шрифт icomoon.

Найдите нужный значок в icomoon и запишите код символа (в моем случае E034). Найдите код символа в skin.min.css. Посмотрите на имя класса css, который вставляет этот код символа (в моем случае .mce-i-browse). Имя значка следует за .mce-i («обзор» для меня). Я заменил имя значка в plugin.min.js.

Дополнительная информация: В Windows вы можете узнать код символа следующим образом: Установите шрифт. Запустите Word и перейдите к пункту «Вставить символ» (больше символов). Выбрал шрифт icomoon. Просмотрите код символа в диалоговом окне «Вставить символ».

person George    schedule 11.09.2013
comment
Вам не нужно использовать Word, есть приложение «Карта символов». Но шрифт tinymce меньше стандартного набора значков icomoon. - person Szorstki; 21.11.2014
comment
Что делать, если нужного значка нет в шрифте tinymce, но он существует в шрифте icomoon. Есть ли способ добавить? - person Slava; 05.04.2016