40 lines
892 B
TypeScript
40 lines
892 B
TypeScript
|
import { Plugin, ButtonView } from 'ckeditor5';
|
||
|
|
|
||
|
|
import ckeditor5Icon from '../theme/icons/ckeditor.svg';
|
||
|
|
|
||
|
|
export default class Export extends Plugin {
|
||
|
|
public static get pluginName() {
|
||
|
|
return 'Export' as const;
|
||
|
|
}
|
||
|
|
|
||
|
|
public init(): void {
|
||
|
|
const editor = this.editor;
|
||
|
|
const t = editor.t;
|
||
|
|
const model = editor.model;
|
||
|
|
|
||
|
|
// Add the "exportButton" to feature components.
|
||
|
|
editor.ui.componentFactory.add( 'exportButton', locale => {
|
||
|
|
const view = new ButtonView( locale );
|
||
|
|
|
||
|
|
view.set( {
|
||
|
|
label: t( 'Export' ),
|
||
|
|
icon: ckeditor5Icon,
|
||
|
|
tooltip: true
|
||
|
|
} );
|
||
|
|
|
||
|
|
// Insert a text into the editor after clicking the button.
|
||
|
|
this.listenTo( view, 'execute', () => {
|
||
|
|
model.change( writer => {
|
||
|
|
const textNode = writer.createText( 'Hello CKEditor 5!' );
|
||
|
|
|
||
|
|
model.insertContent( textNode );
|
||
|
|
} );
|
||
|
|
|
||
|
|
editor.editing.view.focus();
|
||
|
|
} );
|
||
|
|
|
||
|
|
return view;
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
}
|