react-native-quill-editor

React Native Quill Rich Text Editor Wrapper

Usage no npm install needed!

<script type="module">
  import reactNativeQuillEditor from 'https://cdn.skypack.dev/react-native-quill-editor';
</script>

README

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