|
@@ -113,7 +113,8 @@ export default class HighlightUI extends Plugin {
|
|
|
|
|
|
|
|
button.extendTemplate( {
|
|
button.extendTemplate( {
|
|
|
attributes: {
|
|
attributes: {
|
|
|
- style: `color: ${ option.color }`
|
|
|
|
|
|
|
+ style: `color: ${ option.color }`,
|
|
|
|
|
+ class: 'ck-highlight-button'
|
|
|
}
|
|
}
|
|
|
} );
|
|
} );
|
|
|
}
|
|
}
|
|
@@ -196,6 +197,12 @@ export default class HighlightUI extends Plugin {
|
|
|
dropdownView.bind( 'commandValue' ).to( command, 'value', value => getActiveOption( value, 'model' ) );
|
|
dropdownView.bind( 'commandValue' ).to( command, 'value', value => getActiveOption( value, 'model' ) );
|
|
|
dropdownView.bind( 'isOn' ).to( command, 'value', value => !!value );
|
|
dropdownView.bind( 'isOn' ).to( command, 'value', value => !!value );
|
|
|
|
|
|
|
|
|
|
+ dropdownView.buttonView.extendTemplate( {
|
|
|
|
|
+ attributes: {
|
|
|
|
|
+ class: 'ck-highlight-button'
|
|
|
|
|
+ }
|
|
|
|
|
+ } );
|
|
|
|
|
+
|
|
|
// Create buttons array.
|
|
// Create buttons array.
|
|
|
const buttons = options.map( option => {
|
|
const buttons = options.map( option => {
|
|
|
// Get existing highlighter button.
|
|
// Get existing highlighter button.
|