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';

...

android webview richeditor,GitHub - IllegalCreed/react-native-webview-richeditor相关推荐

android 加载静态网页,React Native：如何在WebView内加载SPA或本地静态HTML页面？
React Native:如何在WebView内加载SPA或本地静态HTML页面? React Native WebView允许你使用uri属性加载可公开访问的资源,就像程序内的一个浏览器.但是,当你 ...
Android之Windows下搭建React Native Android开发环境（差不多搞了一天）
Android之Windows下搭建React Native Android开发环境穷逼买不起mac,但是他们都说React Native Android只能在mac下面 ...
在原有Android项目中快速集成React Native
前言对于现有的大多数项目来说都不是从头构建的,而要在原有项目的基础上引入React Native则肯定和用react-native init xxx创建工程不同.因此下面就来说下具体操作.不过在真正 ...
android开发rn插件,在Android原生应用中嵌入React Native
开发工具:Android Studio , WebStorm 参考链接:React Native官方中文文档一.创建React Native项目 1.在本地React Native项目目录下,创建一 ...
android 回退函数,详解React Native监听Android回退按键与程序化退出应用
详解React Native监听Android回退按键与程序化退出应用发布时间:2020-09-29 09:25:52 来源:脚本之家阅读:137 作者:lqh 详解React Native监听A ...
android友盟埋点,React Native 的友盟统计--打点/埋点
前言友盟统计问题折腾了很久, 于是打算整理出来~ 希望能帮到你~~如果对集成步骤有疑惑的小伙伴可以参考往期文章: React Native的友盟集成目录统计初始化自定义事件接口调用页面 ...
rn webview加载本地静态html,React Native - Webview 加载本地文件
网上没找到合适的方法.用 react-native-fs 解决了一下,因为release之后静态文件地址发生改变,之前的引入就无效了 1.项目根目录引入静态文件的文件夹 2.创建一个html,刚才引入 ...
android 高德地图 3d,在React Native中使用高德地图组件react-native-amap3d
react-native 高德地图组件,使用最新 3D SDK,支持 Android + iOS,受react-native-maps启发,提供功能丰富且易用的接口. node 主要功能:react ...
android删除键监听,「React Native」Android返回键监听
在需要做监听的js中添加 componentWillMount() { if (Platform.OS === 'android') { BackHandler.addEventListener('h ...
React Native Android 应用层实战沦陷记
[工匠若水 http://blog.csdn.net/yanbober 未经允许严禁转载,请尊重作者劳动成果.私信联系我] 1 背景一眨眼又一年快要过去了,原计划今年的最后一个小目标(React N ...

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

android webview richeditor,GitHub - IllegalCreed/react-native-webview-richeditor相关推荐

最新文章

热门文章