Merge pull request #8 from Meruem5/imnapo-master

Imnapo master

README.md

@@ -499,6 +499,18 @@ _editor.current.setText('Hello\n');
 
 ---
 
+### `setPlaceholder(text: string)`
+
+Overwrites placeholder with given text.
+
+#### Example:
+
+```
+_editor.current.setPlaceholder('Hello World');
+```
+
+---
+
 ### `updateContents(delta: any)`
 
 Applies Delta to editor contents.

src/constants/editor/editor_js.ts

@@ -96,14 +96,37 @@ export const editor_js = `
     quill.insertText(index, text, formats);
   }
 
-  var setContents = function (delta) {
-    quill.setContents(delta);
+  var setContents = function (key, delta) {
+    try {
+      var setContentsData = quill.setContents(delta);
+      var setContentsDataJson = JSON.stringify({
+        type: 'set-contents',
+        key: key,
+        data: setContentsData });
+        sendMessage(setContentsDataJson);
+    } catch (error) {
+      var errorJson = JSON.stringify({
+        type: 'set-contents-error',
+        key: key,
+        data: { message: error.message, stack: error.stack } });
+        sendMessage(errorJson);
+
+        var setContentsDataJson = JSON.stringify({
+          type: 'set-contents',
+          key: key,
+          data: {} });
+          sendMessage(setContentsDataJson);
+    }
   }
 
   var setText = function (text) {
     quill.setText(text);
   }
 
+  var setPlaceholder = function (text) {
+    quill.root.dataset.placeholder = text;
+  }
+
   var updateContents = function (delta) {
     quill.updateContents(delta);
   }
@@ -241,11 +264,14 @@ export const editor_js = `
         insertText(msg.index, msg.text, msg.formats);
         break;
       case 'setContents':
-        setContents(msg.delta);
+        setContents(msg.key, msg.delta);
         break;
       case 'setText':
         setText(msg.text);
         break;
+      case 'setPlaceholder':
+        setPlaceholder(msg.text);
+        break;
       case 'updateContents':
         updateContents(msg.delta);
         break;

src/editor/quill-editor.tsx

@@ -219,6 +219,7 @@ export default class QuillEditor extends React.Component<
         break;
       case 'has-focus':
       case 'get-contents':
+      case 'set-contents':
       case 'get-text':
       case 'get-length':
       case 'get-bounds':
@@ -325,14 +326,18 @@ export default class QuillEditor extends React.Component<
     this.post({ command: 'insertText', index, text, formats });
   };
 
-  setContents = (delta: any) => {
-    this.post({ command: 'setContents', delta });
+  setContents = (delta: any): Promise<any> => {
+    return this.postAwait<any>({ command: 'setContents', delta });
   };
 
   setText = (text: string) => {
     this.post({ command: 'setText', text });
   };
 
+  setPlaceholder = (text: string) => {
+    this.post({ command: 'setPlaceholder', text });
+  };
+
   updateContents = (delta: any) => {
     this.post({ command: 'updateContents', delta });
   };

src/index.tsx

@@ -1,4 +1,4 @@
-import QuillEditor from './editor/quill-editor';
+import QuillEditor, { EditorProps } from './editor/quill-editor';
 import { QuillToolbar } from './toolbar/quill-toolbar';
 import type {
   EditorEventHandler,
@@ -12,6 +12,7 @@ import type {
 export default QuillEditor;
 export { QuillToolbar };
 export type {
+  EditorProps,
   EditorEventHandler,
   SelectionChangeData,
   EditorChangeData,

src/toolbar/components/selection-bar.tsx

@@ -78,7 +78,7 @@ export const SelectionBar: React.FC<Props> = ({}) => {
       </ScrollView>
       <TouchableOpacity onPress={() => hide()}>
         <View style={closeViewStyle}>
-          <Text style={closeTextStyle}>X</Text>
+          <Text style={closeTextStyle}>×</Text>
         </View>
       </TouchableOpacity>
     </View>