android webview richeditor,GitHub - IllegalCreed/react-native-webview-richeditor

react-native-webview-richeditor

ios和android通用的富文本编辑器，基于RN原生的webview实现，安卓4.4一下版本因为postMessage无效所以无法使用，如需兼容android 4.4以下版本请使用react-native-webview-bridge代替RN原生的webview

安装

这版编辑器包含插入图片功能，所以需要事先安装react-native-image-picker

npm install react-native-image-picker --save

react-native link

之后就可以安装编辑器了

npm install react-native-webview-richeditor --save

因为编辑器工具栏以来一些字体图标，所以需要安装字体文件

将assets目录拷贝到目标工程的根目录下

在package.json中添加如下配置

"rnpm": {

"assets": [

"assets/fonts"

]

},

之后运行

react-native link

一些用户会遇到类似于键盘遮挡等问题，可以安装react-native-keyboard-spacer

安卓最好在AndroidManifest.xml中添加如下配置来屏蔽原生键盘压缩布局的问题

...

android:windowSoftInputMode="stateHidden|adjustPan"

...

另外image-picker需要配置一些权限

使用

import RichEditor from 'react-native-webview-richeditor';

...