Home/ Questions/Q 5997061
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T00:12:32+00:00

When I create toolbar button in CKEditor 3.0 with following code I need to

  • 0

When I create toolbar button in CKEditor 3.0 with following code I need to uncomment icon property to get button visible. Otherwise space is occupied but no label is shown. When I hover over it I get caption popping up.

        editor.ui.addButton('customButton', {
            label: 'Custom Action',
            //icon: this.path + 'images/anchor.gif',
            command: commandName
        });

Do you know how to create toolbar button without icon? Just a pure text.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    An easier way is that CKEditor creates a CSS class on your custom label automatically called:
    cke_button_<command>

    For example, if your command for the button was called ‘myCommand’, and you set ‘label: ‘My Command’, then CK would render something like:

    <a id="cke_27" class="cke_off cke_button_myCommand" ....>
...
<span id="cke_27_label" class="cke_label">My Command</span>
</a>

    Therefore (assuming you are using the ‘kama’ skin – substitute for your skin if not), you can use the following CSS to override the cke_label ==> display:none

    .cke_skin_kama .cke_button_myCommand .cke_label {
    display: inline;
}

    Voila.

    • 0