@sertxudeveloper/markdown-editor/src/plugins/Plugin.ts

A customizable markdown editor for your projects

import Editor from '../Editor';

export default abstract class Plugin {
    editor: Editor;

    constructor(editor: Editor) {
        this.editor = editor;

        this.startListening();
    }

    destroy() {
        this.stopListening();
    }

    abstract getKey(): string;

    abstract getTitle(): string;

    startListening() {
        this.editor.textarea.addEventListener('keydown', this.onKeyDown.bind(this));
    }

    stopListening() {
        this.editor.textarea.removeEventListener('keydown', this.onKeyDown.bind(this));
    }

    abstract getIcon(): string;

    abstract onKeyDown(event: KeyboardEvent): void;

    abstract execute(value: string): void;
}