User color picker to change WYSIWYG editor color?

• hbroccoli

• September 17, 2015 at 5:44 am

I’m using the color picker to choose a background color for a block of text. I want to have a dark background with white text. However, white text color isn’t readable on the white WYSIWYG editor background.

I want to use javascript to change the background of the visual editor to the chosen color, so I can read the white text while editing my content.

I’m not sure where to start with this. Any info to point me in right direction would be helpful, thank you!

• James

• April 12, 2016 at 4:15 pm

Hi @hbroccoli,

Thanks for the post.

To customize the acf WYSIWYG settings, you will need to hook into either the wysiwyg_tinymce_settings filter or the wysiwyg_quicktags_settings filter.

For more info on adding custom JS to fields, please refer to this topic: https://www.advancedcustomfields.com/resources/adding-custom-javascript-fields/