XF 2.0 Adding own buttons to the Editor Toolbar

[Betclever]

Hi,

How do I add my own buttons on the editor toolbar plz?

 

[Patagonian]

Take a look at [KL] Editor Manager from @katsulynx.

From what I've seen so far, it's excellent and... free for non commercial use!!

 

[Betclever]

Take a look at [KL] Editor Manager from @katsulynx.

From what I've seen so far, it's excellent and... free for non commercial use!!

Thanks for the quick return but I'm not able to put my custom BB code on the editor toolbar.
In fact, I just want to add my custom BBcode FA icon on my toolbar:





I added this code in my CSS sheet (extra.less):

html .redactor_toolbar li a.redactor_btn_custom_1win:before {
    content: "\f087";
    color: green;
}

Here is a capture of the custom BB code:



Thanks for your help and your quick return.

 

[Lukas W.]

It's pretty straightforward. When setting up your BB Code, give it an editor icon - a Font Awesome icon in your case. If you do that, it'll show up in the Editor Toolbar Layout menu and you can normally drag & drop it into the toolbars. No extra css needed whatsoever.

 

[Betclever]

It's pretty straightforward. When setting up your BB Code, give it an editor icon - a Font Awesome icon in your case. If you do that, it'll show up in the Editor Toolbar Layout menu and you can normally drag & drop it into the toolbars. No extra css needed whatsoever.

I followed your instructions as you can see on the below captures but no change:



If I drag & drop this BBcode to "insert", I only can see "win" as a word and not as an icon but additionnaly, I would like to put it on the toolbar and not on the drop down menu you know.



What's wrong you think?

 

[Lukas W.]

Don't prefix "fa-"

 

[Betclever]

Don't prefix "fa-"

Thanks, it works!

 

[djbaxter]

It's pretty straightforward. When setting up your BB Code, give it an editor icon - a Font Awesome icon in your case. If you do that, it'll show up in the Editor Toolbar Layout menu and you can normally drag & drop it into the toolbars. No extra css needed whatsoever.

I have set up a custom BBcode and included a button (image) in the bbcode manager.

However, the button does not show in the editor toolbar menu at all. Suggestions?

 

[djbaxter]

Bump.

 

[Sunka]

Try to insert full path to image

 

[djbaxter]

Thanks, but that didn't help.

 

[djbaxter]

Is there a font-awesome icon for image align?