How to add Text Color button to TinyMCE/WYSIWYG field

This topic has 2 replies, 3 voices, and was last updated 2 years, 9 months ago by Robert Ehni.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts

November 27, 2021 at 7:54 PM #32199

Participant

I'd like to add the text color option like this - https://imgur.com/60QoaPI

Here is my code for the field, however it does not work. I think "forecolor" is not the correct ID for the button, but I do not know what it should be. What is the correct ID to add this button?

array(
    'name' => 'WYSIWYG Field',
    'id' => 'wysiwyg_field',
    'type' => 'wysiwyg',
    'dfw' => false,
    'options' => array(
        'textarea_rows' => 8,
        'teeny' => true,
        'media_buttons' => false,
        'quicktags' => false,
        'tinymce' => array(
            'keep_styles' => false,
            'paste_remove_styles' => true,
            'paste_remove_spans' => true,
            'paste_as_text' => true,
            'toolbar1' => 'bold,italic,forecolor',                   
        ),
    ),
    'required' => true,
)

November 28, 2021 at 4:16 PM #32214

Long Nguyen

Moderator

Hi,

The option forecolor works as well on my demo site. If you want to show the forecolor in the second toolbar, you can try to use this code

'options' => array(
    'textarea_rows' => 8,
    'teeny' => true,
    'media_buttons' => false,
    'quicktags' => false,
    'tinymce' => array(
        'keep_styles' => false,
        'paste_remove_styles' => true,
        'paste_remove_spans' => true,
        'paste_as_text' => true,
        'toolbar1' => 'bold,italic,strikethrough,bullist,numlist,blockquote,hr,alignleft,aligncenter,alignright,link,unlink,wp_more,spellchecker,wp_fullscreen,wp_adv',
        'toolbar2' => 'forecolor' //here   
    ),
),

Refer to this documentation https://codex.wordpress.org/TinyMCE

March 25, 2022 at 1:31 AM #35272

Robert Ehni

Participant

Hi Long,

~~how can I pass these options when I add a WYSWIG using the meta box builder (https://docs.metabox.io/extensions/meta-box-builder/)?~~

Best,
Robert

Edit: somehow it should be enabled by default but it wasn't. Deleting the field and adding it again fixed the issue for me...

Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.