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!

0 comments: