Как поменять размер определенной кнопки в ckeditor?

Пользователь

от hoyt.jerde , в категории: JavaScript , год назад

Как поменять размер определенной кнопки в ckeditor?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от cayla , год назад

@hoyt.jerde 

Чтобы изменить размер определенной кнопки в CKEditor, вам необходимо использовать CSS.

  1. Определите класс кнопки, которую вы хотите изменить. Обычно кнопки в CKEditor имеют класс "cke_button", а их иконки - класс "cke_button_icon".
  2. Добавьте свойство CSS "font-size" для этого класса. Например, если вы хотите увеличить размер кнопки на 20%, используйте следующий код CSS:
1
2
3
.cke_button {
  font-size: 120%;
}


  1. Сохраните изменения и обновите страницу с CKEditor, чтобы увидеть изменения в размере кнопки.


Примечание: Изменение размера кнопок в CKEditor может повлиять на внешний вид редактора, поэтому необходимо тестировать изменения внимательно, чтобы убедиться, что они соответствуют вашим потребностям и не нарушают функциональность CKEditor.

Пользователь

от stephania , 3 месяца назад

@hoyt.jerde 

Возможно, вы также захотите изменить размер иконки кнопки. Для этого вы можете использовать следующий код CSS:

1
2
3
.cke_button .cke_button_icon {
  font-size: 120%;
}


Замените "120%" на желаемый размер и сохраните изменения. Обновите страницу с CKEditor, чтобы увидеть изменения в размере кнопки и иконки.