android - 如何获取 react-native WebView 的文本选择?

标签 android ios react-native webview

我们正在使用 React Native 构建一个新闻阅读器应用程序。 每篇新闻文章都呈现在 WebView 中。

我们想让用户可以选择文章的一些文本并将其突出显示。就像在普通电子书阅读器应用程序中可以看到的一样。像这样:

enter image description here

在普通的桌面网络浏览器中。我们甚至可以使用 'mouseup' 和 window.getSelection() 来完成这项工作。但是在 ReactNative 的 WebView 中。我们不知道该怎么做。

请帮忙,谢谢。

最佳答案

可以使用mouseup 事件并通过window.getSelection() 获取内容。这里唯一的问题是 RN 部分不知道这个事件发生在 webview 中,但是你可以使用 window.postMessageonMessage prop 将这个事件传播到 React Native RN WebView 。或者你可以使用 my tiny wrapper用于 ReactNative 和 WebView 之间的通信

关于android - 如何获取 react-native WebView 的文本选择?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45607165/

相关文章:

java - 如何将 24 小时格式时间转换为 12 小时格式?

android - 在android中播放.aif文件

ios - 缺少 xcode dylib 动态库文件

css - 'position: absolute' 是否与 Flexbox 冲突?

java - 如何使用Android的ParcelFileDescriptor和Documents Provider返回字节数据

android - CMake 构建失败,因为找不到 STL 库

iphone - 将 UILabels 从任何位置旋转到直立

iphone - 是否可以跨 2 个不同的 iOS 应用程序访问数据?

reactjs - Apollo 错误处理与 React Native

react-native - 如何在 react-native-awesome-alerts 中的警报消息中插入换行符