s

src/RichTextEditor.js

@@ -172,7 +172,7 @@ export default class RichTextEditor extends Component {
           this.contentBlurHandler && this.contentBlurHandler();
           break;
         case messages.ONCHANGE_EMPTY_OR_NOT:
-          this.onChangeEmptyOrNot && this.onChangeEmptyOrNot();
+          this.onChangeEmptyOrNot && this.onChangeEmptyOrNot(message.isEmpty);
           break;
         case messages.SELECTION_CHANGE: {
           const items = message.data.items;
@@ -307,7 +307,9 @@ export default class RichTextEditor extends Component {
 
   _sendAction(action, data) {
     let jsToBeExecutedOnPage = MessageConverter({ type: action, data });
-    console.log(jsToBeExecutedOnPage + ';true;')
+    if (__DEV__) {
+      console.log(jsToBeExecutedOnPage + ';true;')
+    }
     this.webview.injectJavaScript(jsToBeExecutedOnPage + ';true;');
   }
 

src/const.js

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

src/editor.html

@@ -1062,7 +1062,7 @@
 					var range = selection.getRangeAt(0);
 					zss_editor.currentSelection = {"startContainer": range.startContainer, "startOffset":range.startOffset,"endContainer":range.endContainer, "endOffset":range.endOffset};
 					if (range.endOffset === range.startOffset && showCaretPlaceholder === true) {
-						zss_editor.insertHTML('<div class="caret_placeholder">&nbsp;&nbsp;</div>');
+						zss_editor.insertHTML('<div class="caret_placeholder">&nbsp;</div>');
 					}
 				} catch (err) {}
 			}
@@ -1480,8 +1480,6 @@
 			}
 
 			zss_editor.enabledEditingItems = function(e) {
-
-				console.log('enabledEditingItems');
 				var items = [];
 				if (zss_editor.isCommandEnabled('bold')) {
 					items.push('bold');
@@ -1656,9 +1654,12 @@
 			var contentIsEmpty = true;
 			zss_editor.setOnChangeEmptyOrNot = function() {
 				$('#zss_editor_content').on('input', function() {
-					if (!this.textContent && this.querySelectorAll('img, li').length === 0 && !contentIsEmpty) {
+					const textContentLength = this.textContent.length - document.querySelectorAll(".caret_placeholder").length;
+					if (textContentLength === 0 && this.querySelectorAll('img, li').length === 0 && !contentIsEmpty) {
+						contentIsEmpty = true;
 						ReactNativeWebView.postMessage(JSON.stringify({type: 'ONCHANGE_EMPTY_OR_NOT', isEmpty: true}))
-					} else if (contentIsEmpty && (this.textContent || this.querySelectorAll('img, li').length > 0)) {
+					} else if (contentIsEmpty && (textContentLength > 0 || this.querySelectorAll('img, li').length > 0)) {
+						contentIsEmpty = false;
 						ReactNativeWebView.postMessage(JSON.stringify({type: 'ONCHANGE_EMPTY_OR_NOT', isEmpty: false}))
 					}
 				});