send actions

src/RichTextEditor.js

@@ -60,47 +60,47 @@ export default class RichTextEditor extends Component {
   }
 
   blurEditor() {
-    this.refs.webviewbridge.sendToBridge(`zss_editor.blurEditor();`);
+    this._sendAction(actions.blurEditor);
   }
 
   setBold() {
-    this.refs.webviewbridge.sendToBridge(`zss_editor.setBold();`);
+    this._sendAction(actions.setBold);
   }
 
   setItalic() {
-    this.refs.webviewbridge.sendToBridge(`zss_editor.setItalic();`);
+    this._sendAction(actions.setItalic);
   }
 
   setUnderline() {
-    this.refs.webviewbridge.sendToBridge(`zss_editor.setUnderline();`);
+    this._sendAction(actions.setUnderline);
   }
 
   heading1() {
-    this.refs.webviewbridge.sendToBridge(`zss_editor.setHeading('h1');`);
+    this._sendAction(actions.heading1);
   }
 
   heading2() {
-    this.refs.webviewbridge.sendToBridge(`zss_editor.setHeading('h2');`);
+    this._sendAction(actions.heading2);
   }
 
   heading3() {
-    this.refs.webviewbridge.sendToBridge(`zss_editor.setHeading('h3');`);
+    this._sendAction(actions.heading3);
   }
 
   heading4() {
-    this.refs.webviewbridge.sendToBridge(`zss_editor.setHeading('h4');`);
+    this._sendAction(actions.heading4);
   }
 
   heading5() {
-    this.refs.webviewbridge.sendToBridge(`zss_editor.setHeading('h5');`);
+    this._sendAction(actions.heading5);
   }
 
   heading6() {
-    this.refs.webviewbridge.sendToBridge(`zss_editor.setHeading('h6');`);
+    this._sendAction(actions.heading6);
   }
 
   setParagraph() {
-    this.refs.webviewbridge.sendToBridge(`zss_editor.setParagraph();`);
+    this._sendAction(actions.setParagraph);
   }
 
   removeFormat() {

src/WebviewMessageHandler.js

@@ -8,6 +8,39 @@ export const InjectedMessageHandler = `
         case '${actions.setHtml}':
           zss_editor.setHTML(action.data);
           break;
+        case '${actions.blurEditor}':
+          zss_editor.blurEditor();
+          break;
+        case '${actions.setBold}':
+          zss_editor.setBold();
+          break;
+        case '${actions.setItalic}':
+          zss_editor.setItalic();
+          break;
+        case '${actions.setUnderline}':
+          zss_editor.setUnderline();
+          break;
+        case '${actions.heading1}':
+          zss_editor.setHeading('h1');
+          break;
+        case '${actions.heading2}':
+          zss_editor.setHeading('h2');
+          break;
+        case '${actions.heading3}':
+          zss_editor.setHeading('h3');
+          break;
+        case '${actions.heading4}':
+          zss_editor.setHeading('h4');
+          break;
+        case '${actions.heading5}':
+          zss_editor.setHeading('h5');
+          break;
+        case '${actions.heading6}':
+          zss_editor.setHeading('h6');
+          break;
+        case '${actions.setParagraph}':
+          zss_editor.setParagraph()
+          break;
       }
     };
   }

src/const.js

@@ -1,4 +1,14 @@
 export const actions = {
   setHtml: 'SET_HTML',
-
+  blurEditor: 'BLUR_EDITOR',
+  setBold: 'SET_BOLD',
+  setItalic: 'SET_ITALIC',
+  setUnderline: 'SET_UNDERLINE',
+  heading1: 'HEADING1',
+  heading2: 'HEADING2',
+  heading3: 'HEADING3',
+  heading4: 'HEADING4',
+  heading5: 'HEADING5',
+  heading6: 'HEADING6',
+  setParagraph: 'SET_PARAGRAPH'
 }