Джорис ван Монфорт, внештатный разработчик WordPress, на выходных выпустил плагин JVM Gutenberg Rich Text Icons . Цель была проста: позволить пользователям вставлять значки практически в любом месте редактора блоков одним нажатием кнопки.
Плагин “из коробки” использует версию 4.7 библиотеки Font Awesome. Однако разработчики могут изменить это, чтобы включить собственные наборы значков.
Как и многие самые полезные плагины, он остается на своем пути, выполняя простую задачу и делая ее хорошо. Плагин предоставляет пользователям кнопку «флаг» на панели инструментов редактора всякий раз, когда они редактируют поле Rich Text.
Rich Text – это компонент редактора блоков для ввода текста. Везде, где пользователи могут вводить текст на холсте редактора, можно вставить значок. Сюда входят абзацы, заголовки, подписи к изображениям и многое другое. Он также распространяется на блоки от других разработчиков плагинов. Если они используют где-нибудь поле Rich Text, появится кнопка «флаг», и пользователи смогут поместить в нее значок.
Значки, вставленные через плагин, автоматически наследуют размер окружающего текста. Если вы вставите его в блок заголовка, он станет больше. Если вы вставите его в блок Button, он совпадет с текстом Button. То же самое и с цветами.
Поскольку невозможно полностью согласовать дизайн каждой темы, могут потребоваться незначительные корректировки интервалов или выравнивания. По большей части значки выглядели хорошо, когда я тестировал их с различными темами. Однако была пара проблем с одним пикселем и незначительные ошибки выравнивания некоторых блоков. В целом проблем с дизайном я не столкнулся. Плагин отображал свои значки как надо.
Одна из проблем с удобством использования, с которой я столкнулся, заключалась в невозможности удалить значок с помощью клавиш Backspaceили Deleteна клавиатуре, используемой с блоком кнопок. Он хорошо работал с другими блоками. Решением для этого было щелкнуть вставленный значок. Затем выберите значок «флаг» на панели инструментов, чтобы снова открыть средство вставки. После того, как не выбрали замену, старый исчез.
Разработчик плагина предоставил сторонним разработчикам обработчики фильтров для реализации наборов значков, отличных от Font Awesome, с помощью пользовательского файла JSON. Инструкции изложены в файле readme плагина. Также есть хуки для загрузки или перезаписи таблицы стилей и классов.
Хотя мне нравится выполнение плагина, мне не нравится, что он загружает собственную таблицу стилей Font Awesome. Если вы используете другой плагин или тему, которые делают то же самое, его включение увеличивает размер загрузки страницы для конечных пользователей, загружая несколько копий одного и того же кода. Это не вина разработчика плагина. Это ограничение, созданное отсутствием системы зависимостей в WordPress. Однако пользователи, которые опробуют плагин, должны помнить об этой потенциальной проблеме.
