rn-webview-rte

A react native rich text Editor based on webview and quilljs

Usage no npm install needed!

<script type="module">
  import rnWebviewRte from 'https://cdn.skypack.dev/rn-webview-rte';
</script>

README

rn-webview-rte

A react native rich text Editor based on webview and quilljs

Dependencies

请保证已安装 react-native-webview 到项目中

Install

npm i rn-webview-rte --save

android 端需要将以下配置添加至 /app/build.gradle

project.afterEvaluate {
    apply from: '../../node_modules/rn-webview-rte/htmlCopy.gradle'
}

Usage

import RTEWebview from 'rn-webview-rte'

<RTEWebview ref={rich_text => (this.rich_text = rich_text)} />

Props

Property Type Description
onEditorLoaded Function 编辑器加载完成后触发
placeholder String

Methods

通过ref调用编辑器的方法

  • resetContent (new_content) : 初始化或重置编辑器的内容
  • updateContentSelection () : 保存当前的光标位置，常用于在选择相册之前调用
  • insertVideo (video_url) : 编辑器添加视频
  • insertImage (img_url) : 编辑器添加图片
  • getContentHtml () : 获取编辑器内容