CKEditor- Como exibir o label de um botão
Temos um projeto que utiliza o CKEditor e sempre que queremos atualizá-lo, precisamos reaplicar as configurações que fizemos na versão anterior.Uma coisa que sempre esqueçemos como fazer, pois é uma gambi, é como exibir os labels de um botão. Fazemos isso pois consideramos que o ícone de alguns botões não são auto-explicativos e precisam de um label ao lado para que nosso usuário entenda sua função.
Como padrão, só é exibido o label do botão "Código-Fonte", com isso conseguimos descobrir que todos os labels estão no html, porém escondidos!
Para exibí-los, basta dar um show() nos labels que estão escondidos.
No nosso caso, adicionamos o seguinte código no config.js para que fique claro o que foi feito num próximo upgrade:
CKEDITOR.on('instanceReady',function(ev){ $('.cke_skin_v2 .cke_button_preview .cke_label').show(); $('.cke_skin_v2 .cke_button_maximize .cke_label').show(); $('.cke_skin_v2 .cke_button_pastefromword .cke_label').show(); $('.cke_skin_v2 .cke_button_Fields .cke_label').show(); });
Agradecimentos ao @marciotrindade pela ajuda
É isso!
1 comments: