add marked-rails gem for comment

Author: yono

Gemfile

@@ -14,6 +14,7 @@ gem 'coffee-rails', '~> 4.1.0'
 # See https://github.com/rails/execjs#readme for more supported runtimes
 # gem 'therubyracer', platforms: :ruby
 gem 'react-rails', '~> 1.0'
+gem 'marked-rails'
 
 # Use jquery as the JavaScript library
 gem 'jquery-rails'

Gemfile.lock

@@ -72,6 +72,7 @@ GEM
       nokogiri (>= 1.5.9)
     mail (2.6.4)
       mime-types (>= 1.16, < 4)
+    marked-rails (0.3.2.0)
     mime-types (3.1)
       mime-types-data (~> 3.2015)
     mime-types-data (3.2016.0521)
@@ -162,6 +163,7 @@ DEPENDENCIES
   coffee-rails (~> 4.1.0)
   jbuilder (~> 2.0)
   jquery-rails
+  marked-rails
   rails (= 4.2.1)
   react-rails (~> 1.0)
   sass-rails (~> 5.0)

app/assets/javascripts/application.js

@@ -16,4 +16,5 @@
 //= require react
 //= require react_ujs
 //= require components
+//= require marked
 //= require_tree .

app/assets/javascripts/components/comment_box.js.jsx

@@ -33,12 +33,13 @@ var CommentForm = React.createClass({
 
 var Comment = React.createClass({
   render: function() {
+    var rawMarkup = marked(this.props.children.toString(), {sanitize: true});
     return (
       <div className="comment">
         <h2 className="commentAuthor">
           {this.props.author}
         </h2>
-        {this.props.children}
+        <span dangerouslySetInnerHTML={{__html: rawMarkup}} />
       </div>
     );
   }