浏览代码

Added: Add separator before eraser in highlight dropdown.

Maciej Gołaszewski 8 年之前
父节点
当前提交
b29bf87cc6

+ 2 - 0
packages/ckeditor5-highlight/src/highlightui.js

@@ -20,6 +20,7 @@ import Model from '@ckeditor/ckeditor5-ui/src/model';
 import createSplitButtonDropdown from '@ckeditor/ckeditor5-ui/src/dropdown/createsplitbuttondropdown';
 import { closeDropdownOnBlur, closeDropdownOnExecute, focusDropdownContentsOnArrows } from '@ckeditor/ckeditor5-ui/src/dropdown/utils';
 import ToolbarView from '@ckeditor/ckeditor5-ui/src/toolbar/toolbarview';
+import ToolbarSeparatorView from '@ckeditor/ckeditor5-ui/src/toolbar/toolbarseparatorview';
 
 import './../theme/highlight.css';
 // TODO: dirty hack to make toolbar look nice in dropdown.
@@ -185,6 +186,7 @@ export default class HighlightUI extends Plugin {
 			} );
 			// Add eraser button to dropdown.
 			const eraserButton = componentFactory.create( 'removeHighlight' );
+			buttons.push( new ToolbarSeparatorView() );
 			buttons.push( eraserButton );
 
 			// Make toolbar button enabled when any button in dropdown is enabled.

+ 1 - 1
packages/ckeditor5-highlight/tests/manual/highlight.js

@@ -21,7 +21,7 @@ ClassicEditor
 			// 'highlight:bluePen',
 			// 'highlight:redPen',
 			// 'removeHighlight',
-			'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'undo', 'redo'
+			'bold', '|', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'undo', 'redo'
 		]
 	} )
 	.then( editor => {