Как установить название кнопки в CKEditor?

В редакторе CK я хочу показать соответствующие кнопки быстрого доступа, когда пользователь наводит курсор на соответствующую кнопку.Как установить название кнопки в CKEditor?

Например, когда я навешиваю над «B», он говорит «Bold», но я хочу, чтобы он сказал «Bold Ctrl + B». Это похоже на редактор MS Word и даже редактор Stack Overflow. Как я могу это сделать?

Идея, которую я имел, заключалась в том, чтобы внести изменения в текст кнопки после загрузки редактора.

Например, как это:

// Invalid Code - Just an example 
editor.setButtonText('codeSnippet', config.lang.codesnippet.title + " - Ctrl + K"));

Конечно вышеперечисленное неверный код, как я не уверен, как настроить текст кнопки.

Update

теперь я знаю, как получить текст кнопки для кнопки. то есть

config.lang.codesnippet.title

Но я не могу установить значение для названия.

источник

2016-03-10 Yahya Uddin

Фактический билет для этой функции на трекер CKEditor: http://dev.ckeditor.com/ticket/10015. Вы можете следить за ним, чтобы узнать, когда это будет реализовано. Это запланировано для CKEditor 4.6 прямо сейчас. –

В настоящее время рассматривается. Надеемся, что это произойдет в выпуске CKEditor 4.6. –

Если билет просматривается, значит, это может не сделать выпуск. –

Старая почта, но у других может быть такая же проблема, вот обход, который я нашел: вы можете вручную переопределить атрибут title кнопок.

CKEditor указывает кнопки панели инструментов по классам. Кнопка «Жирная» имеет следующий класс (ы): cke_button cke_button__bold cke_button_off

Все, что вам нужно сделать, чтобы получить ссылку на HTML-элемент (getElementsByClass() в простом JavaScript) и изменить атрибут title с помощью .setAttribute()

Моих проект находится в Angular2 так что в моем случае это выглядит следующим образом: this.elRef.nativeElement.querySelector('.cke_button.cke_button__bold').setAttribute('title', 'Bold (Ctrl+B)');

в равнинных JS это будет выглядеть примерно так: document.getElementsByClass('.cke_button.cke_button__bold')[0].setAttribute('title', 'Bold (Ctrl+B)');

Вот список (не является исчерпывающим) для некоторых из кнопок:

Жирный: cke_button cke_button__bold cke_button_off

италийских: cke_button cke_button__italic cke_button_off

Подчеркнутый: cke_button cke_button__underline cke_button_off

Маркированный список: cke_button cke_button__bulletedlist cke_button_off

Нумерованный список : cke_button cke_button__numberedlist cke_button_off

... a и так далее.

источник

2017-09-22 12:08:29 JanTH

Как установить название кнопки в CKEditor?

ответ

Смежные вопросы