react-native-quill-editor

诞生记：https://juejin.cn/post/6867945949788897288

React Native Quill Rich Text Editor Wrapper

Screenshots

Install

$ yarn add react-native-quill-editor

Make sure you installed react-native-webview

Usage

import QuillEditor from 'react-native-quill-editor'

const App = () => {
  const onChange = (html: string) => {
    console.log(html)
  }
  return （
    <QuillEditor
      style={{ height: 300 }}
      options={{
        placeholder: '请赋诗一首...',
      }}
      onChange={onChange}
   />
  ）
}

Props

| Name | Type | Default | Description | | ------------ | ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | | defaultValue | string | "" | Default Vaule（any valid html string） | | options | object | {placeholder: '请输入...',modules: {toolbar: [[{ header: [1, 2, false] }], ['bold', 'italic', 'underline'], ['image', 'code-block']]}} | quill options | | style | ViewStyle | {} | container style | | onChange | (html: string) => void | onChange: () => {} | onChange Event |