react-markdown-editor-lite/src/plugins/Plugin.ts

a light-weight Markdown editor based on React

import * as React from 'react';
import Editor from 'src/editor';
import { EditorConfig } from 'src/share/var';

export interface PluginProps {
  editor: Editor;
  editorConfig: EditorConfig;
  config?: any;
}

export abstract class PluginComponent<S = {}, P extends PluginProps = PluginProps> extends React.Component<P, S> {
  static pluginName: string = '';
  static align: string = 'left';

  protected get editor(): Editor {
    return this.props.editor;
  }

  protected get editorConfig(): EditorConfig {
    return this.props.editorConfig;
  }

  constructor(props: P) {
    super(props);
  }

  protected getConfig(key: string, defaultValue?: any) {
    return this.props.config && typeof this.props.config[key] !== 'undefined' && this.props.config[key] !== null
      ? this.props.config[key]
      : defaultValue;
  }
}