WYSIWYG Inline-Styles / text-align

• wggl

• July 22, 2020 at 12:07 am

Hello Amigos,

this is probably not a 100 % ACF issue, but still…

i’ve been searching for this quite a while, but never found a answer, neither on stackoverflow or here:

Is there a way to avoid inline styles in the WYSIWYG-Editor? Let’s say i use the “text-center” button in the editor, i don’t want a:

<p style=”text-align:center”> but a <p class=”textcenter”>

is there a way to do this without preg-replace? I was already thinking of the add_filter(‘tiny_mce_before_init’, ‘change_mce_options’) filter, but somehow this just doesn’t want to work or i’ve got the wrong approach…

Thaaanks!

• John Huebner

• July 22, 2020 at 10:03 pm

You need t change the behavior of tinymce, this is a similar topic and might get your there https://stackoverflow.com/questions/1140652/tinymce-use-div-align-center-instead-of-div-style-text-align-center

• wggl

• July 22, 2020 at 11:02 pm

Thanks, i found that link a while ago, but i was to stupid to use it properly…

For anyone who might need it sometime:

function change_mce_options($settings) {

$new_formats = array(
			'aligncenter' => array(
				'selector' => 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img',
				'classes' => 'textcenter',
		)
	);

$settings['formats'] = json_encode($new_formats);

return $settings;

}
add_filter('tiny_mce_before_init', 'change_mce_options');