Append registered toolbar buttons (#11196)

WordPress · Oct 29, 2018 · 96fe699 · 96fe699
1 parent 3b66a7f
commit 96fe699
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/editor/src/components/rich-text/format-edit.js b/packages/editor/src/components/rich-text/format-edit.js
@@ -20,13 +20,18 @@ function isResult( { title, keywords = [] }, filterValue ) {
 
 function FillToolbarButton( { name, shortcutType, shortcutCharacter, ...props } ) {
 	let shortcut;
+	let fillName = 'RichText.ToolbarControls';
+
+	if ( name ) {
+		fillName += `.${ name }`;
+	}
 
 	if ( shortcutType && shortcutCharacter ) {
 		shortcut = displayShortcut[ shortcutType ]( shortcutCharacter );
 	}
 
 	return (
-		<Fill name={ `RichText.ToolbarControls.${ name }` }>
+		<Fill name={ fillName }>
 			<ToolbarButton
 				{ ...props }
 				shortcut={ shortcut }

diff --git a/packages/editor/src/components/rich-text/format-toolbar/index.js b/packages/editor/src/components/rich-text/format-toolbar/index.js
@@ -11,6 +11,7 @@ const FormatToolbar = ( { controls } ) => {
 				{ controls.map( ( format ) =>
 					<Slot name={ `RichText.ToolbarControls.${ format }` } key={ format } />
 				) }
+				<Slot name="RichText.ToolbarControls" />
 			</Toolbar>
 		</div>
 	);