How to add custom bullets to tinyMCE?

Ennio

I would like to add some extra options to the bullet dropdown in tinyMCE, is this possible?

I would like to add ►Bullet type and different color options. (red, blue, etc...)

username

Yes. In the tinyMCE configuration you need to specify:

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

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

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

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

Related

How to Add Custom Shortcode Buttons in TinyMCE Editor WordPress

Harun R Rayhan Hi, I am using the latest version of WordPress. I want to add my shortcode in TinyMCE editor like this image : http://prntscr.com/72ycrs My shortcode is: [my_tabs] [my_tab title = "Tab One Title"]Tab One Content Goes Here[/my_tab] [my_tab title

How to add custom block in tinyMce

Tariq Hussein I want to add a custom format block for TinyMCE, I was able to do it using the following code. style_formats: [ {title : 'Code', block : 'pre', classes : 'pre-code', exact: true},] https://codepen.io/anon/pen/vWRGEg However, by adding this code,

How to add bullets in TextView?

Men's I have a TextView and I want to add bullets to the text via XML. is it possible? Benny Skogberg You must use the correct character encoding to achieve this effect. you can try• Updates Just to clarify: for setText("\u2022 Bullet");adding bullets pr

How to add custom button in ACF Wysiwyg tinymce?

PHP work I need to add custom button to toolbar ACF Wysiwyg tinymce. I use the following code: tinymce.PluginManager.add( 'wdd_mce_format', function ( editor, url ) { editor.addButton( 'wdd_mce_format', { active: true, tooltip: 'Formating t

How to add custom block in tinyMce

Tariq Hussein I want to add a custom format block for TinyMCE, I was able to do it using the following code. style_formats: [ {title : 'Code', block : 'pre', classes : 'pre-code', exact: true},] https://codepen.io/anon/pen/vWRGEg However, by adding this code,

How to add custom button in ACF Wysiwyg tinymce?

PHP work I need to add custom button to toolbar ACF Wysiwyg tinymce. I use the following code: tinymce.PluginManager.add( 'wdd_mce_format', function ( editor, url ) { editor.addButton( 'wdd_mce_format', { active: true, tooltip: 'Formating t

How to add custom bullets to tinyMCE?

Ennio I would like to add some extra options to the bullet dropdown in tinyMCE, is this possible? I would like to add ►Bullet type and different color options. (red, blue, etc...) username Yes. In the tinyMCE configuration you need to specify: style_formats: [

How to Add Bullets in PowerPoint

username See the screenshot below : http://imagizer.imageshack.us/a/img844/4241/at9t.jpg ... this is from Powerpoint. There you can change bullets. But I have created a Powerpoint add-in and I need to change the bullets in c#. This is how to add the first bull

How to add unindented bullets in RMarkdown

ABC4D Can you help me figure out how to add some unindented bullets in RMarkdown ? I tried it in the Rmd file below, where • abc is from copy-paste, and * abc should be what I want, but it auto - indents: Should the point position be at the same level as the t

How to Add Bullets in Powerpoint

username See the screenshot below : http://imagizer.imageshack.us/a/img844/4241/at9t.jpg ... this is from Powerpoint. There you can change bullets. But I have created a Powerpoint add-in and I need to change the bullets in c#. This is how to add the first bull

How to add bullets in TextView?

Men's I have a TextView and I want to add bullets to the text via XML. is it possible? Benny Skogberg You must use the correct character encoding to achieve this effect. you can try• Updates Just to clarify: for setText("\u2022 Bullet");adding bullets pr

How to add custom button in ACF Wysiwyg tinymce?

PHP work I need to add custom button to toolbar ACF Wysiwyg tinymce. I use the following code: tinymce.PluginManager.add( 'wdd_mce_format', function ( editor, url ) { editor.addButton( 'wdd_mce_format', { active: true, tooltip: 'Formating t

How to add custom button in ACF Wysiwyg tinymce?

PHP work I need to add custom button to toolbar ACF Wysiwyg tinymce. I use the following code: tinymce.PluginManager.add( 'wdd_mce_format', function ( editor, url ) { editor.addButton( 'wdd_mce_format', { active: true, tooltip: 'Formating t

How to add custom button in ACF Wysiwyg tinymce?

PHP work I need to add custom button to toolbar ACF Wysiwyg tinymce. I use the following code: tinymce.PluginManager.add( 'wdd_mce_format', function ( editor, url ) { editor.addButton( 'wdd_mce_format', { active: true, tooltip: 'Formating t

How to add custom button in ACF Wysiwyg tinymce?

PHP work I need to add custom button to toolbar ACF Wysiwyg tinymce. I use the following code: tinymce.PluginManager.add( 'wdd_mce_format', function ( editor, url ) { editor.addButton( 'wdd_mce_format', { active: true, tooltip: 'Formating t

How to add custom bullets to tinyMCE?

Ennio I would like to add some extra options to the bullet dropdown in tinyMCE, is this possible? I would like to add ►Bullet type and different color options. (red, blue, etc...) username yes. In the tinyMCE configuration you need to specify: style_formats: [

How to Add Bullets in Powerpoint

username See the screenshot below : http://imagizer.imageshack.us/a/img844/4241/at9t.jpg ... this is from Powerpoint. There you can change bullets. But I have created a Powerpoint add-in and I need to change the bullets in c#. This is how to add the first bull