Skip to content

Repository files navigation

React Native Draft.js Render

A React Native render for Draft.js model and works great with react-draft-wysiwyg.

Getting Started

Install React Native Draft.js Render on your React Native project, using NPM or Yarn:

npm i -S react-native-draftjs-renderer
# or...
yarn add react-native-draftjs-renderer

Using

Just import and insert your Draft.js model on RNDraftJSRender:

importReactfrom'react';import{AppRegistry,}from'react-native';importRNDraftJSRenderfrom'react-native-draftjs-renderer';importcontentStatefrom'DraftJs/contentState';constMyApp=()=>(<RNDraftJSRendercontentState={contentState}/>);AppRegistry.registerComponent('MyApp',()=>MyApp);

TODO:

  • [Android] Justify text content support.

UPDATE:

1.1.1

  • Minor style change.

1.1.0

  • Remove dynamic Image height support, which will cause image blink.

1.0.1

  • Fix the image auto height crop problem.
  • Fix fontSize can not be over 14 bug.
  • Increase the Text padding size to 2.
  • Add dynamic Image height support.

About

Suitable for editor react-draft-wysiwyg https://github.com/jpuri/react-draft-wysiwyg

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages