Skip to content

Instantly share code, notes, and snippets.

@andrewagain
Last active September 6, 2015 20:24
Show Gist options
  • Save andrewagain/e26501994567f5ad5ada to your computer and use it in GitHub Desktop.
Save andrewagain/e26501994567f5ad5ada to your computer and use it in GitHub Desktop.
import React, { PropTypes } from 'react'
import Emoji from 'emojione'
var Emojify = React.createClass({
convert(line) {
let data = line.match(/\<img class\=\"([^"]*)\" alt\=\"([^"]*)\" src\=\"([^"]*)\"\/\>/i)
//return data[2]
return (
<img class={data[0]} alt={data[1]} src={data[2]}/>
)
},
makeRealImages(html) {
var matches = html.match(/\<img class\=\"([^"]*)\" alt\=\"([^"]*)\" src\=\"([^"]*)\"\/\>/gi)
if (matches) {
return matches.map((item, key) => {
return this.convert(item)
})
}
return null;
},
render() {
let { children } = this.props
children = this.makeRealImages(Emoji.toImage(children))
return (
<span>{children}</span>
)
}
})
export default Emojify
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment