mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-21 09:38:01 +02:00
71 lines
1.4 KiB
TypeScript
71 lines
1.4 KiB
TypeScript
import { _ } from '@joplin/lib/locale';
|
|
|
|
interface ButtonDefinition {
|
|
name: string;
|
|
tooltip: string;
|
|
icon: string;
|
|
grouped?: boolean;
|
|
}
|
|
|
|
function buttonDefinitions(): ButtonDefinition[] {
|
|
return [
|
|
{
|
|
name: 'joplinHighlight',
|
|
tooltip: _('Highlight'),
|
|
icon: 'highlight-bg-color',
|
|
},
|
|
{
|
|
name: 'joplinStrikethrough',
|
|
tooltip: _('Strikethrough'),
|
|
icon: 'strike-through',
|
|
},
|
|
{
|
|
name: 'joplinInsert',
|
|
tooltip: _('Insert'),
|
|
icon: 'underline',
|
|
grouped: true,
|
|
},
|
|
{
|
|
name: 'joplinSup',
|
|
tooltip: _('Superscript'),
|
|
icon: 'superscript',
|
|
grouped: true,
|
|
},
|
|
{
|
|
name: 'joplinSub',
|
|
tooltip: _('Subscript'),
|
|
icon: 'subscript',
|
|
grouped: true,
|
|
},
|
|
];
|
|
}
|
|
|
|
export default function(editor: any) {
|
|
const definitions = buttonDefinitions();
|
|
|
|
for (const def of definitions) {
|
|
editor.ui.registry.addToggleButton(def.name, {
|
|
tooltip: def.tooltip,
|
|
icon: def.icon,
|
|
onAction: async function() {
|
|
editor.execCommand('mceToggleFormat', false, def.name);
|
|
},
|
|
onSetup: function(api: any) {
|
|
editor.formatter.formatChanged(def.name, (state: boolean) => {
|
|
api.setActive(state);
|
|
});
|
|
},
|
|
});
|
|
}
|
|
|
|
const items: string[] = definitions.filter(d => !!d.grouped).map(d => d.name);
|
|
|
|
// Additional built-in buttons to show in the formatting sub-menu:
|
|
items.push('forecolor');
|
|
|
|
editor.ui.registry.addGroupToolbarButton('formattingExtras', {
|
|
icon: 'image-options',
|
|
items: items.join(' '),
|
|
});
|
|
}
|