Rich Text Editor for React Native (based on Quill.js)
npm install react-native-rteA rich text editor for React Native based on Quill.js.
Compatible with iOS and Android.
Install React Native Rich Text Editor using npm:
``
npm install react-native-rte --save
Link react-native-webview:
`
react-native link react-native-webview
`jsx
import React, { Component } from 'react';
import { SafeAreaView, KeyboardAvoidingView } from 'react-native';
import { RichText, Bold, Italic, OrderedList, UnorderedList, Link, Media } from 'react-native-rte'
export default class App extends Component {
addLink(editor) {
// Logic for opening a modal for URL entry here.....
editor.trigger('format', 'link', 'https://example.com')
}
selectMedia(editor) {
// Logic for opening an image selector here
editor.getSelection().then(function(payload) {
// Base64 Data
editor.trigger('insertEmbed', payload ? payload.index : 0, 'image', 'data:image/jpeg;base64,BASE64DATA')
// Or an image URL
editor.trigger('insertEmbed', payload ? payload.index : 0, 'image', 'http://example.com/image.jpg')
})
}
render() {
return (
)
}
}
``