カスタムエディタのイベントハンドラとは

カスタムエディタのイベントハンドラは、スクリプトで定義され、カスタムエディタ内やビジュアルエディタのクリック時の動作で実行されるスクリプトとして利用できます。

主に利用されるケースは以下です:

外部サービスのIncoming-Webhookの利用
アクション全体やボタンのクリックをトリガーにしたページやアクションのカスタマイズ

具体的な利用方法

イベントハンドラの利用

import {
  showAction,
  getEventHandlers,
  setEventHandlers,
  onShow,
} from '@plaidev/karte-action-sdk';

export default () => {
  showAction();

  // イベントハンドラの設定
  setEventHandlers({ handleInfo: () => { console.info('Hello') }});
  
  // イベントハンドラの取得
  const current = getEventHandlers();  
};

onShow(({ data }) => {
  // 別のアクションステートでイベントハンドラを利用
  $data.handleInfo();
});

Slackへ通知

import { showAction, setEventHandlers } from '@plaidev/karte-action-sdk';

export default () => {
  showAction();

  async function handleNotifyToSlack() {
    const webhookUrl = 'SLACK_WEBHOOK_URL'
    const body = JSON.stringify({ text: 'Hello, World!' });
    await fetch(webhookUrl, { body, method: 'POST' });
  }
  setEventHandlers({ handleNotifyToSlack });
  
  // ビジュアルエディタのクリック時の動作でhandleNotifyToSlackを指定可能
};