feat: expose adding command and event from editor (refs nhn#970)

midgleyc · May 21, 2020 · db5e6dc · db5e6dc
1 parent d0a1c47
commit db5e6dc
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/apps/editor/examples/example19-customizing-toolbar-buttons.html b/apps/editor/examples/example19-customizing-toolbar-buttons.html
@@ -88,8 +88,8 @@
       // Using Method: Customize the first button
       const toolbar = editor.getUI().getToolbar();
 
-      editor.eventManager.addEventType('clickCustomButton');
-      editor.eventManager.listen('clickCustomButton', function() {
+      editor.addEventType('clickCustomButton');
+      editor.on('clickCustomButton', function() {
         alert('Click!');
       });
 

diff --git a/apps/editor/index.d.ts b/apps/editor/index.d.ts
@@ -729,6 +729,8 @@ declare namespace toastui {
 
     public addWidget(selection: Range, node: Node, style: string, offset?: number): void;
 
+    public addEventType(type: string): void;
+
     public afterAddedCommand(): void;
 
     public blur(): void;

diff --git a/apps/editor/src/js/editor.js b/apps/editor/src/js/editor.js
@@ -364,6 +364,14 @@ class ToastUIEditor {
     }
   }
 
+  /**
+   * Add event type when given event not exists
+   * @param {string} type Event type name
+   */
+  addEventType(type) {
+    this.eventManager.addEventType(type);
+  }
+
   /**
    * After added command.
    */