#665 API to open and close inline-toolbar

src/components/modules/api/index.ts

@@ -24,6 +24,7 @@ export default class API extends Module {
       selection: this.Editor.SelectionAPI.methods,
       styles: this.Editor.StylesAPI.classes,
       toolbar: this.Editor.ToolbarAPI.methods,
+      inlineToolbar: this.Editor.InlineToolbarAPI.methods,
     } as APIInterfaces;
   }
 }

src/components/modules/api/inline.ts

@@ -0,0 +1,34 @@
+import Module from '../../__module';
+import { InlineToolbar } from '../../../../types/api/inline';
+
+/**
+ * @class InlineToolbarAPI
+ * provides with methods working with InlineToolbar
+ */
+export default class InlineToolbarAPI extends Module {
+  /**
+   * Available methods
+   * @return {InlineToolbar}
+   */
+  get methods(): InlineToolbar {
+    return {
+      close: () => this.close(),
+      open: () => this.open(),
+    };
+  }
+
+  /**
+   * Open inlineToolbar
+   */
+  public open(): void {
+    this.Editor.InlineToolbar.open();
+  }
+
+  /**
+   * Close inlineToolbar
+   */
+  public close(): void {
+    this.Editor.InlineToolbar.close();
+  }
+
+}

src/components/modules/toolbar/inline.ts

@@ -170,7 +170,7 @@ export default class InlineToolbar extends Module {
   /**
    * Shows Inline Toolbar
    */
-  private open(): void {
+  public open(): void {
     /**
      * Filter inline-tools and show only allowed by Block's Tool
      */

src/types-internal/editor-modules.d.ts

@@ -30,6 +30,7 @@ import SaverAPI from '../components/modules/api/saver';
 import Saver from '../components/modules/saver';
 import BlockSelection from '../components/modules/blockSelection';
 import RectangleSelection from '../components/modules/RectangleSelection';
+import InlineToolbarAPI from '../components/modules/api/inline';
 
 export interface EditorModules {
   UI: UI;
@@ -63,5 +64,6 @@ export interface EditorModules {
   SelectionAPI: SelectionAPI;
   StylesAPI: StylesAPI;
   ToolbarAPI: ToolbarAPI;
+  InlineToolbarAPI: InlineToolbarAPI;
   NotifierAPI: NotifierAPI;
 }

types/api/index.d.ts

@@ -8,3 +8,4 @@ export * from './styles';
 export * from './caret';
 export * from './toolbar';
 export * from './notifier';
+export * from './inline'

types/api/inline.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Describes InlineToolbar API methods
+ */
+export interface InlineToolbar {
+    /**
+     * Closes InlineToolbar
+     */
+    close(): void;
+
+    /**
+     * Opens InlineToolbar
+     */
+    open(): void;
+}
+

types/index.d.ts

@@ -5,7 +5,7 @@
  */
 
 import {EditorConfig} from './configs';
-import {Blocks, Caret, Events, Listeners, Notifier, Sanitizer, Saver, Selection, Styles, Toolbar} from './api';
+import {Blocks, Caret, Events, Listeners, Notifier, Sanitizer, Saver, Selection, Styles, Toolbar, InlineToolbar} from './api';
 
 /**
  * Interfaces used for development
@@ -51,6 +51,7 @@ export interface API {
   selection: Selection;
   styles: Styles;
   toolbar: Toolbar;
+  inlineToolbar: InlineToolbar;
 }
 
 /**
@@ -70,7 +71,7 @@ declare class EditorJS {
   public selection: Selection;
   public styles: Styles;
   public toolbar: Toolbar;
-
+  public inlineToolbar: InlineToolbar;
   constructor(configuration?: EditorConfig|string);
 
   public destroy(): void;