0.2.0 • Published 4 years ago

react-native-quill-editor v0.2.0

Weekly downloads
7
License
MIT
Repository
github
Last release
4 years ago

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

NameTypeDefaultDescription
defaultValuestring""Default Vaule(any valid html string)
optionsobject{placeholder: '请输入...',modules: {toolbar: [[{ header: [1, 2, false] }], ['bold', 'italic', 'underline'], ['image', 'code-block']]}}quill options
styleViewStyle{}container style
onChange(html: string) => voidonChange: () => {}onChange Event