Merge pull request #174 from Automattic/fix/editor-tab-size

Use tab size from plugin settings in block editor
Automattic · Dec 17, 2020 · e149228 · e149228
2 parents 3fbdbd1 + c122636
commit e149228
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/code-block/edit.js b/src/code-block/edit.js
@@ -8,8 +8,12 @@ export default function editSyntaxHighlighterBlock( { attributes, setAttributes,
 		content,
 	} = attributes;
 
+	const { settings: { tabSize } } = window.syntaxHighlighterData;
+
 	const editView = <div className={ className + ' wp-block-code' }>
 		<PlainText
+			className="wp-block-syntaxhighlighter__textarea"
+			style={ { tabSize, '-moz-tab-size': '' + tabSize } }
 			value={ content }
 			onChange={ ( nextContent ) => setAttributes( { content: nextContent } ) }
 			placeholder={ __( 'Tip: you can choose a code language from the block settings.', 'syntaxhighlighter' ) }

diff --git a/syntaxhighlighter.php b/syntaxhighlighter.php
@@ -373,6 +373,7 @@ function enqueue_block_editor_assets() {
 				'supported' => ( '3' == $this->settings['shversion'] ),
 				'default' => (bool) $this->settings['quickcode'],
 			),
+			'tabSize' => (int) $this->settings['tabsize'],
 		);
 
 		wp_add_inline_script(