Test branch

draftjs-web/src/App.js

@@ -107,6 +107,11 @@ function App() {
  _draftEditorRef.current && _draftEditorRef.current.blur();
  };
 
+ const getSelection = () => {
+ _draftEditorRef.current;
+ return _draftEditorRef.current.getSelection();
+ };
+
  const setEditorBlockRenderMap = renderMapString => {
  try {
  setBlockRenderMap(Map(JSON.parse(renderMapString)));
@@ -125,6 +130,8 @@ function App() {
  window.focusTextEditor = focusTextEditor;
  window.blurTextEditor = blurTextEditor;
  window.setEditorBlockRenderMap = setEditorBlockRenderMap;
+ window.toggleLink = toggleLink;
+ window.getSelection = getSelection;
 
  if (window.ReactNativeWebView) {
  window.ReactNativeWebView.postMessage(

index.js

@@ -15,7 +15,9 @@ class RNDraftView extends Component {
  styleSheet: PropTypes.string,
  styleMap: PropTypes.object,
  blockRenderMap: PropTypes.object,
- onEditorReady: PropTypes.func
+ onEditorReady: PropTypes.func,
+ targetSelection: PropTypes.string,
+ entitykey: PropTypes.string
  };
 
  _webViewRef = React.createRef();
@@ -31,6 +33,15 @@ class RNDraftView extends Component {
  );
  };
 
+ executeScriptTwo = (functionName, parameter, parameterTwo) => {
+ this._webViewRef.current &&
+ this._webViewRef.current.injectJavaScript(
+ `window.${functionName}(${
+ parameter && parameterTwo ? `'${parameter}', '${parameterTwo}'` : ""
+ });true;`
+ );
+ };
+
  setBlockType = blockType => {
  this.executeScript("toggleBlockType", blockType);
  };
@@ -43,6 +54,10 @@ class RNDraftView extends Component {
  return this.state.editorState;
  };
 
+ setLink = () => {
+ this.executeScriptTwo("toggleLink", targetSelection, entityKey);
+ };
+
  _onMessage = event => {
  const {
  onStyleChanged = () => null,
@@ -103,8 +118,13 @@ class RNDraftView extends Component {
  this.executeScript("blurTextEditor");
  };
 
+ getSelection = () => {
+ return this.executeScript("getSelection");
+ };
+
  render() {
  const { style = { flex: 1 } } = this.props;
+
  return (
  <WebView
  ref={this._webViewRef}
@@ -115,12 +135,14 @@ class RNDraftView extends Component {
  : { uri: "file:///android_asset/draftjs-source.html" }
  }
  useWebKit={true}
- keyboardDisplayRequiresUserAction={false}
+ keyboardDisplayRequiresUserAction={true}
  originWhitelist={["*"]}
  onMessage={this._onMessage}
+ hideKeyboardAccessoryView={true}
  />
  );
  }
+ git;
 }
 
 export default RNDraftView;