Render comments markdown

Author: olliebennett

Gemfile

@@ -55,6 +55,9 @@ gem 'puma'
 # Ruby on Rails framework
 gem 'rails'
 
+# Markdown renderer
+gem 'redcarpet'
+
 # Background job library on top of Redis
 gem 'resque'
 

Gemfile.lock

@@ -241,6 +241,7 @@ GEM
       ffi (~> 1.0)
     rdoc (6.6.3.1)
       psych (>= 4.0.0)
+    redcarpet (3.6.0)
     redis (5.0.7)
       redis-client (>= 0.9.0)
     redis-client (0.16.0)
@@ -388,6 +389,7 @@ DEPENDENCIES
   pg
   puma
   rails
+  redcarpet
   resque
   rspec-rails
   rubocop

app/models/comment.rb

@@ -8,7 +8,7 @@ class Comment < ApplicationRecord
 
   default_scope { order(:id) }
 
-  auto_strip_attributes :text, squish: true
+  auto_strip_attributes :text
 
   def formatted_date
     created_at.strftime('%e %b @ %H:%M').squish

app/views/comments/_form.html.erb

@@ -4,10 +4,11 @@
   <%= f.hidden_field :home_id, value: comment.home_id %>
 
   <div class="input-group">
-    <%= f.text_field :text,
+    <%= f.text_area :text,
                      class: 'form-control',
                      placeholder: ['I think...', 'Love this!', 'What about ...', 'No. Way.', 'Ermahgerd!'].sample,
                      required: true,
+                     rows: comment.new_record? ? 3 : 10,
                      autocomplete: 'off' %>
     <div class="input-group-append">
       <%= f.submit comment.new_record? ? 'Comment' : 'Update',

app/views/comments/_list.html.erb

@@ -1,3 +1,4 @@
+<% markdown = Redcarpet::Markdown.new(Redcarpet::Render::HTML, autolink: true, tables: true) %>
 <% if comments.each do |comment| %>
   <div class="media mt-2 mb-2 comment">
     <%= image_tag comment.user.gravatar_url(70),
@@ -8,19 +9,19 @@
         <%= comment.user.display_name %> :
         <small>
           <%= comment.formatted_date %>
+          <% if comment.user == current_user %>
+            <span class="manage-comment-controls">
+              <%= link_to fa_icon_inline('edit', type: :duotone),
+                          edit_comment_path(comment) %>
+              <%= link_to fa_icon_inline('times', type: :duotone),
+                          comment_path(comment),
+                          method: :delete,
+                          data: { confirm: 'Really delete comment?' } %>
+            </span>
+          <% end %>
         </small>
       </h5>
-      <%= comment.text %>
-      <% if comment.user == current_user %>
-        <span class="manage-comment-controls">
-          <%= link_to fa_icon_inline('edit', type: :duotone),
-                      edit_comment_path(comment) %>
-          <%= link_to fa_icon_inline('times', type: :duotone),
-                      comment_path(comment),
-                      method: :delete,
-                      data: { confirm: 'Really delete comment?' } %>
-        </span>
-      <% end %>
+      <%= markdown.render(comment.text).html_safe %>
     </div>
   </div>
 <% end.empty? %>