Edit your tinymce.init()
- Add faicons into plugins
- Add faicons into toolbar
- Add /yourpath/fontawesome-free/css/all.min.css (depending on your font awesome css file path) into content_css
- (optional) Add faicons into menu - TinyMCE documentation
- (optional) Add faicons_default_color definition - default is '858796'
- (optional) Add faicons_default_size definition - default is 'fa-3x'
acceptable values are fa-xs, fa-sm, fa-lg, fa-2x, fa-3x, fa-5x, fa-7x, fa-10x
Example tinymce.init() - exactly the same is used on demo page:
tinymce.init({
content_css : "/vendor/fontawesome-free/css/all.min.css",
height : 500,
//language : "cs",
selector : "#tiny",
toolbar: "faicons",
plugins: 'faicons code',
faicons_default_color: 'c74848',
faicons_default_size: 'fa-7x',
menubar: 'insert view',
menu: {
insert: { title: 'Insert', items: 'faicons' },
view: { title: 'View', items: 'code' }
},
});