Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/youngjuning/react-native-quill-editor
React Native Quill Rich Text Editor Wrapper
https://github.com/youngjuning/react-native-quill-editor
Last synced: about 2 months ago
JSON representation
React Native Quill Rich Text Editor Wrapper
- Host: GitHub
- URL: https://github.com/youngjuning/react-native-quill-editor
- Owner: youngjuning
- License: mit
- Created: 2020-07-21T09:59:48.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-03-01T21:44:31.000Z (almost 4 years ago)
- Last Synced: 2024-11-08T17:17:22.268Z (2 months ago)
- Language: HTML
- Size: 281 KB
- Stars: 16
- Watchers: 3
- Forks: 16
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-quill-editor
> 诞生记：https://juejin.cn/post/6867945949788897288
React Native Quill Rich Text Editor Wrapper
## Screenshots
## Install
```sh
$ yarn add react-native-quill-editor
```
Make sure you installed [react-native-webview](https://github.com/react-native-community/react-native-webview)
## Usage
```jsx
import QuillEditor from 'react-native-quill-editor'
const App = () => {
const onChange = (html: string) => {
console.log(html)
}
return （
）
}
```
## 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](http://t.cn/A64z1U2z) |
| style | ViewStyle | `{}` | container style |
| onChange | `(html: string) => void` | `onChange: () => {}` | onChange Event |