Merge pull request #2073 from IanDelMar/classic-editor-body-margin

Fix TinyMCE body margin
understrap · Oct 9, 2023 · 1747a15 · 1747a15
2 parents 1a29899 + a01f00b
commit 1747a15
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/inc/editor.php b/inc/editor.php
@@ -82,6 +82,18 @@ function understrap_tiny_mce_before_init( $settings ) {
 		}
 
 		$settings['style_formats'] = wp_json_encode( $style_formats );
+
+		/*
+		 * Fix TinyMCE editor body margin that is set to 0 by Bootstrap's
+		 * _reboot.scss (v4 & v5). `margin: 9px 10px` is the value used by WP's
+		 * TinyMCE skin (/wp-includes/js/tinymce/skins/wordpress/wp-content.css).
+		 */
+		if ( isset( $settings['content_style'] ) ) {
+			$settings['content_style'] .= ' body#tinymce { margin: 9px 10px; }';
+		} else {
+			$settings['content_style'] = 'body#tinymce { margin: 9px 10px; }';
+		}
+
 		return $settings;
 	}
 }