Removed waiting a second hack

example/app.js

@@ -0,0 +1,53 @@
+import React, { Component } from 'react';
+import {
+    StyleSheet,
+    Text,
+    View
+} from 'react-native';
+import RichTextEditor from 'react-native-ZSSRichTextEditor'
+
+export default class RichTextExample extends Component {
+
+  constructor(props) {
+    super(props);
+    this.getHTML = this.getHTML.bind(this);
+  }
+
+  render() {
+    return (
+        <View style={styles.container}>
+          <RichTextEditor
+              ref={(r)=>this.richtext = r}
+              style={styles.richText}
+              initialHTML={'Hello <b>World</b> <p>this is a new paragraph</p> <p>this is another new paragraph</p>'}
+          />
+        </View>
+    );
+  }
+
+  async getHTML() {
+    const html = await this.richtext.getHtml();
+  }
+
+  componentDidMount() {
+
+    setTimeout(()=>{
+      this.getHTML();
+    }, 3000);
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'column',
+    backgroundColor: '#F5FCFF',
+    paddingTop: 40
+  },
+  richText: {
+    alignItems:'center',
+    justifyContent: 'center',
+    backgroundColor: 'transparent',
+  },
+});
+

example/index.android.js

@@ -1,56 +1,4 @@
-import React, { Component } from 'react';
-import {
-    AppRegistry,
-    StyleSheet,
-    Text,
-    View
-} from 'react-native';
-import RichTextEditor from 'react-native-ZSSRichTextEditor'
+import RichTextExample from './app';
+import {AppRegistry} from 'react-native';
 
-class RichTextExample extends Component {
-
-  constructor(props) {
-    super(props);
-    this.getHTML = this.getHTML.bind(this);
-  }
-
-  render() {
-    return (
-        <View style={styles.container}>
-          <RichTextEditor
-              ref={(r)=>this.richtext = r}
-              style={styles.richText}
-              initialHTML={'Hello <b>World</b> <p>this is a new paragraph</p>'}
-          />
-        </View>
-    );
-  }
-
-  async getHTML() {
-    const html = await this.richtext.getHtml();
-    alert(html);
-  }
-
-  componentDidMount() {
-
-    setTimeout(()=>{
-      this.getHTML();
-    }, 3000);
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    flexDirection: 'column',
-    backgroundColor: '#F5FCFF',
-    paddingTop: 40
-  },
-  richText: {
-    alignItems:'center',
-    justifyContent: 'center',
-    backgroundColor: 'transparent',
-  },
-});
-
-AppRegistry.registerComponent('example', () => RichTextExample);
+AppRegistry.registerComponent('example', () => RichTextExample);

example/index.ios.js

@@ -1,56 +1,4 @@
-import React, { Component } from 'react';
-import {
-  AppRegistry,
-  StyleSheet,
-  Text,
-  View
-} from 'react-native';
-import RichTextEditor from 'react-native-ZSSRichTextEditor'
+import RichTextExample from './app';
+import {AppRegistry} from 'react-native';
 
-class RichTextExample extends Component {
-
-  constructor(props) {
-    super(props);
-    this.getHTML = this.getHTML.bind(this);
-  }
-
-  render() {
-    return (
-      <View style={styles.container}>
-        <RichTextEditor
-          ref={(r)=>this.richtext = r}
-          style={styles.richText}
-          initialHTML={'Hello <b>World</b> <p>this is a new paragraph</p>'}
-        />
-      </View>
-    );
-  }
-
-  async getHTML() {
-    const html = await this.richtext.getHtml();
-    alert(html);
-  }
-
-  componentDidMount() {
-
-    setTimeout(()=>{
-      this.getHTML();
-    }, 3000);
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    flexDirection: 'column',
-    backgroundColor: '#F5FCFF',
-    paddingTop: 40
-  },
-  richText: {
-    alignItems:'center',
-    justifyContent: 'center',
-    backgroundColor: 'transparent',
-  },
-});
-
-AppRegistry.registerComponent('example', () => RichTextExample);
+AppRegistry.registerComponent('example', () => RichTextExample);

src/RichTextEditor.js

@@ -1,8 +1,7 @@
 import React, {Component, PropTypes} from 'react';
 import WebViewBridge from 'react-native-webview-bridge-updated';
 import {InjectedMessageHandler} from './WebviewMessageHandler';
-import {actions} from './const';
-import * as consts from './const';
+import {actions, messages} from './const';
 
 const injectScript = `
   (function () {
@@ -20,24 +19,29 @@ export default class RichTextEditor extends Component {
     this._sendAction = this._sendAction.bind(this);
   }
 
-  componentDidMount() {
-    setTimeout(() => {
-      this.setHTML(this.props.initialHTML);
-    }, 1000);
-  }
-
   onBridgeMessage(message){
-    const json = JSON.parse(message);
-    if (json && json.type && json.type === consts.HTML_RESPONSE) {
-      if (this.resolve) {
-        this.resolve(json.data);
-        this.resolve = undefined;
-        this.reject = undefined;
-        if (this.pendingHtml) {
-          clearTimeout(this.pendingHtml);
-          this.pendingHtml = undefined;
-        }
+    try {
+      const json = JSON.parse(message);
+
+      switch (json.type) {
+        case messages.HTML_RESPONSE:
+          if (this.resolve) {
+            this.resolve(json.data);
+            this.resolve = undefined;
+            this.reject = undefined;
+            if (this.pendingHtml) {
+              clearTimeout(this.pendingHtml);
+              this.pendingHtml = undefined;
+            }
+          }
+          break;
+        case messages.ZSS_INITIALIZED:
+          this.setHTML(this.props.initialHTML);
+          break;
       }
+
+    } catch(e) {
+      //alert('NON JSON MESSAGE');
     }
   }
 

src/WebviewMessageHandler.js

@@ -1,5 +1,4 @@
-import {actions} from './const';
-import * as consts from './const';
+import {actions, messages} from './const';
 
 export const InjectedMessageHandler = `
   if (WebViewBridge) {
@@ -86,7 +85,7 @@ export const InjectedMessageHandler = `
           break;
         case '${actions.getHtml}':
           const html = zss_editor.getHTML();
-          WebViewBridge.send(JSON.stringify({type: '${consts.HTML_RESPONSE}', data: html}));
+          WebViewBridge.send(JSON.stringify({type: '${messages.HTML_RESPONSE}', data: html}));
           break;
       }
     };

src/ZSSRichTextEditor/ZSSRichTextEditor.js

@@ -71,6 +71,11 @@ zss_editor.init = function() {
                  zss_editor.focusEditor();
                  }
                  });
+
+
+    setTimeout(function() {
+        WebViewBridge.send(JSON.stringify({type: 'ZSS_INITIALIZED'}))
+    }, 20);
     
 }//end
 

src/const.js

@@ -28,4 +28,7 @@ export const actions = {
   setPlaceholder: 'SET_PLACEHOLDER'
 };
 
-export const HTML_RESPONSE = 'HTML_RESPONSE';
+export const messages = {
+  HTML_RESPONSE : 'HTML_RESPONSE',
+  ZSS_INITIALIZED: 'ZSS_INITIALIZED'
+}

src/editor.html

@@ -8,7 +8,7 @@
 		<!-- JSBeautifier Source for ZSSRichTextEditor -->
 		<script type="text/javascript" src="ZSSRichTextEditor/JSBeautifier.js"></script>
 		<!-- Javascript for ZSSRichTextEditor -->
-        <script type="text/javascript" src="ZSSRichTextEditor/ZSSRichTextEditor.js"></script>
+		<script type="text/javascript" src="ZSSRichTextEditor/ZSSRichTextEditor.js"></script>
 		<!-- CSS Styles for ZSSRichTextEditor -->
 		<link rel="stylesheet" type="text/css" href="ZSSRichTextEditor/style.css">
 	</head>