Support custom markup for icons in toolbar

Is your feature request related to a problem? Please describe. I’m working on a Vue.js project where the icons are loaded as svgs with the Font Awesome vue package. Easymde is set up in a way which assumes the “classic” loading of font awesome icons, with <i class=""/> tags. The Fontawesome vue package is incompatible with this.

Describe the solution you’d like Ideally, easymde would provide a way to let me specify the markup for an icon for a toolbar entry. This could look something like this:

var easyMDE = new EasyMDE({
	toolbar: [{
			name: "bold",
			action: EasyMDE.toggleBold,
			title: "Bold",
                        markup: '<svg .../>'
		}
	]
});

(This would mean for me to redefne each toolbar entry, but as I’m refining the toolbar itself already for the layout, that’s not that much of a deal)

Describe alternatives you’ve considered An alternative would be to also load font awesome font files, which would create some clutter imho.

[olavgg]

I would prefer that icons was embedded as SVG images, just like Trix does. Relying on Font Awesome for just ~10 icons is in my opinion overkill.

[A-312]

Rewrite FA class or add css class in your button