Ennio Ennio - 5 months ago 19
Javascript Question

How can I add custom bullets to tinyMCE?

I want to add a few extra option to the bullets dropdown on tinyMCE, is that possible?

I want to add ► type of bullet and different color options. (red, blue, etc...)

Answer

Yes. In your tinyMCE config, you need to specify:

style_formats: [
    {
         title: 'Custom Bullet',
             selector: 'ul', 
             classes: 'custom1'
         }
],

From there, you need to specify the styling in the CSS:

.custom1 { list-style-image: url('custom1.png'); }

See this for more info: https://www.tinymce.com/docs/configure/content-formatting/#style_formats