ﾋﾞｼﾞｭｱﾙｴﾃﾞｨﾀで編集するとHTMLが崩れる

こんにちは

エディターはブロックエディターでしょうか？クラシックエディターでしょうか？

下記ページが参考になると思います。
https://wordpress.stackexchange.com/questions/299306/onclick-inside-post-content-does-not-appear-in-post-tinymce-editor

例:

テーマの functions.php に、

function my_tiny_mce_before_init( $mceInit, $editor_id ) {
	$mceInit['allow_script_urls'] = true;
	if ( ! isset( $mceInit['extended_valid_elements'] ) ) {
		$mceInit['extended_valid_elements'] = '';
	} else {
		$mceInit['extended_valid_elements'] .= ',';
	}
	$mceInit['extended_valid_elements'] .= 'button[onclick]';
	return $mceInit;
}
add_filter( 'tiny_mce_before_init', 'my_tiny_mce_before_init', 10, 2 );

普通に子テーマの functions.php に追記するだけで OK です。
親テーマのに追記した場合はテーマアップデート時に失われます。