Add support for selected text change notifications

Author: yevhenpavliuk

src/RichTextEditor.js

@@ -40,6 +40,7 @@ export default class RichTextEditor extends Component {
       linkUrl: '',
       keyboardHeight: 0
     };
+    this._selectedTextChangeListeners = [];
   }
 
   componentWillMount() {
@@ -154,14 +155,20 @@ export default class RichTextEditor extends Component {
         case messages.CONTENT_FOCUSED:
           this.contentFocusHandler && this.contentFocusHandler();
           break;
-        case messages.SELECTION_CHANGE:
+        case messages.SELECTION_CHANGE: {
           const items = message.data.items;
-          this.state.listeners.map((listener) => listener(items));
-          break
-        case messages.CONTENT_CHANGE:
-          const content = message.data.content;
-          this.state.onChange.map((listener) => listener(content));
-          break
+          this.state.listeners.map((listener) => {
+            listener(items);
+          });
+          break;
+        }
+        case messages.SELECTED_TEXT_CHANGED: {
+          const selectedText = message.data;
+          this._selectedTextChangeListeners.forEach((listener) => {
+            listener(selectedText);
+          });
+          break;
+        }
       }
     } catch(e) {
       //alert('NON JSON MESSAGE');
@@ -559,6 +566,10 @@ export default class RichTextEditor extends Component {
     this.contentFocusHandler = callbackHandler;
     this._sendAction(actions.setContentFocusHandler);
   }
+
+  addSelectedTextChangeListener(listener) {
+    this._selectedTextChangeListeners.push(listener);
+  }
 }
 
 const styles = StyleSheet.create({

src/const.js

@@ -65,5 +65,6 @@ export const messages = {
   SELECTION_CHANGE: 'SELECTION_CHANGE',
   CONTENT_CHANGE: 'CONTENT_CHANGE',
   SELECTED_TEXT_RESPONSE: 'SELECTED_TEXT_RESPONSE',
-  LINK_TOUCHED: 'LINK_TOUCHED'
+  LINK_TOUCHED: 'LINK_TOUCHED',
+  SELECTED_TEXT_CHANGED: 'SELECTED_TEXT_CHANGED'
 };

src/editor.html

@@ -889,6 +889,7 @@
 					zss_editor.calculateEditorHeightWithCaretPosition();
 					zss_editor.setScrollPosition();
 					zss_editor.enabledEditingItems(e);
+					notifyIfSelectedTextHasChanged();
 				});
 
 				// Make sure that when we tap anywhere in the document we focus on the editor
@@ -919,6 +920,18 @@
 
 			}//end
 
+			function notifyIfSelectedTextHasChanged() {
+				var selectedTextChangeMessage = JSON.stringify({
+					data: String(getSelection()),
+					type: 'SELECTED_TEXT_CHANGED'
+				});
+
+				if (selectedTextChangeMessage !== zss_editor.previousSelectedTextChangeMessage) {
+					WebViewBridge.send(selectedTextChangeMessage);
+					zss_editor.previousSelectedTextChangeMessage = selectedTextChangeMessage;
+				}
+			}
+
 			function whenPastingInsertAsPlainText(editorId) {
 				var editor = document.getElementById(editorId);
 				editor.addEventListener('paste', function(event) {