Retina displays / Toolbar icons

[GregA]

I've purchased a copy of SnapEditor.  I'd like to custom the toolbar with my own buttons/icons (using Font Awesome).  How can I do this?

[Wesley Wong]

Hi Greg,

Thanks for purchasing a license!

You can add your own icons by overriding the default CSS. You can go do the buttons doc and look under "Styling".

http://www.snapeditor.com/docs/plugins#buttons

The general idea is to do this.

.snapeditor_toolbar .snapeditor_toolbar_icon_bold {
  background-image: url('my-bold.png');
}

Let me know if you have further questions.

Cheers,

Wesley

[GregA]

Wesley,

Thanks for the quick reply.  I like where you guys are heading with your product.  Good luck with it.  

I did see that I could use a different background image, but what I'd like to do (if possible) is to have some control over the HTML used to generate the buttons.  Specifically, instead of using bitmaps, I'd prefer to use fonts.  My website is using "Font Awesome" (http://fortawesome.github.io/Font-Awesome/).

I'd suggest adding a template function we could override to produce the button html?  Since you appear to be using jquery-fileupload internally, my function would probably use the "tmpl" library (https://github.com/blueimp/jQuery-File-Upload/wiki/Template-Engine) to generate this HTML.

Greg

[Wesley Wong]

Hi Greg,

I see what you're trying to accomplish now. Sorry for not understanding before.

We hadn't thought about handing control over the HTML of the buttons, but that might be possible. I'll have to discuss with the team and see what we can do.

Thanks for the suggestion about the tmpl library. We'll look more into it after our discussions.

Cheers,

Wesley