tinymce, настройка встроенных значков кнопок

Question

Можно ли настроить кнопки панели инструментов styleselect и fontsizeselect , чтобы использовать пользовательские значки, а не текст по умолчанию, который у них есть? и если да, то как. все примеры, с которыми я сталкивался до сих пор, включают в себя определение собственной пользовательской кнопки для добавления, которая, похоже, очень просто заменяет какой-то текст значком.

Answer 1

Одним из способов вы можете изменить их, чтобы использовать языковой файл для en_US и поставить замену там. Для того, чтобы сделать эту работу вам нужно сделать 2 вещи:

1 - Добавление опции конфигурации языка на INIT:

tinymce.init({ 
    selector: '#myTextArea', 
    language: 'en_US', //Force custom translations of button/menu text in English. 
    ... 
}); 

2 - Добавить en_US.js файл в папку langs в TinyMCE.
Этот файл здесь, где TinyMCE ищет языковые переводы, поэтому, если вы прямо указываете TinyMCE на использование языка en_US, он будет выглядеть в папке langs для JS-файла с тем же именем, что и язык. Затем вы можете поместить обновленные переводы в этом файле:

tinymce.addI18n('en_US',{ 
    "Formats": "Custom Formats Text", 
    "Font Sizes": "Custom Font Size Text" 
}); 

Чтобы увидеть все варианты для того, что вы можете изменить только захватить языковой файл отсюда: https://www.tinymce.com/download/language-packages/ Метка на левой является «ключом» и значение на право - это «ценность». «Ключ» - это то, что вы получаете на английском языке, когда вы не указываете ссылку на язык в вызове tinymce.init({}).