ability to add own rules

README.md

@@ -24,7 +24,7 @@ const MyAwesomeApp = () => {
   return (
     <Markdown styles={styles}>
       #Markdown in react-native is so cool!
-      
+
       You can **emphasize** what you want, or just _suggest it_ 😏…
 
       You can even [link your website](http://charlesmangwa.surge.sh) or if you prefer: [email sombedy](mailto:[email protected])
@@ -78,6 +78,29 @@ Example:
 </Markdown>
 ```
 
+### `rules`
+
+The Markdown will apply its rules by default. However you can pass a `rules` prop to add your own.
+
+Exemple:
+
+```js
+<Markdown
+  rules={{
+    image: {
+      react: (node, output, state) => (
+        <MyOwnImageComponent
+          key={state.key}
+          source={{ uri: node.target }}
+        />
+      ),
+    },
+  }}
+>
+  ![Alt text](/path/to/img.jpg)
+</Markdown>
+```
+
 ### Features
 
 - `br` (`<Text>`)

index.js

@@ -10,6 +10,7 @@ import styles from './styles'
 type Props = {
   styles: any,
   children?: string,
+  rules: Object,
 }
 
 type DefaultProps = Props & {
@@ -23,11 +24,12 @@ class Markdown extends Component {
   static defaultProps: DefaultProps = {
     styles: styles,
     children: '',
+    rules: {},
   }
 
   renderContent = (children: string) => {
     const mergedStyles = Object.assign(styles, this.props.styles)
-    const rules = _.merge({}, SimpleMarkdown.defaultRules, initialRules(mergedStyles))
+    const rules = _.merge({}, SimpleMarkdown.defaultRules, initialRules(mergedStyles), this.props.rules)
     const child = Array.isArray(this.props.children)
       ? this.props.children.join('')
       : this.props.children