1
5 Comments

How to add rich text to your Rails app using Action Text and Trix

Hey IH Rails-ers!

I'm currently working on DinoSaaS - I'm building open-source MVP's in Rails along with step-by-step tutorials.

I wrote this 6-step tutorial on how to add rich text to your Rails app.

I'd looked into open-source rich text editors in the past, and this was far easier than I expected it to be:

  1. Step 1 - Install Active Storage and Action Text
  2. Step 2 - Add rich text field to model
  3. Step 3 - permit rich text field as a param in controller
  4. Step 4 - Add rich_text_area to model form
  5. Step 5 - Render rich text in show view
  6. Step 6 - Install image_processing gem to be able to process images.

Should take <10 minutes from start to finish.

Let me know what you think of the linked tutorial and if you have any ideas for what you'd like to see next!

posted to Icon for group Ruby on Rails
Ruby on Rails
on October 13, 2020
  1. 1

    The tricky part starts when you want to use ActiveStorage in production - gotta connect AWS S3 ;)

  2. 1

    I will not recommend Trix if you care about SEO.

    1. 1

      That's interesting; why do you say that? Is it Trix in general or all Rich Text?

      For my use case, I was only using it for an internal bug tracking app where SEO would not be a concern.

      1. 3

        No p tag. Trix uses div for paragraph
        Images are inside figure instead of img tag
        No support for tables.
        H2 and below not supported out of the box?

        1. 1

          Very good point about actually...
          Let's say: for all non-SEO-sensitive cases, Trix is the go-to Rails approach :)

  3. 1

    This comment was deleted 6 years ago.

Trending on Indie Hackers
Do you actually own what you build? User Avatar 66 comments Code is Cheap, but Scaling AI MVPs is Hard. Let’s Fix Yours. User Avatar 34 comments Built a tool that finds which Reddit/HN threads are making ChatGPT recommend your competitors User Avatar 18 comments Cloud vs Cybersecurity Certifications | 2026 Path Makes More Sense User Avatar 18 comments I wasted 6 months building a failed startup. Built TrendyRevenue to validate ideas in 10 seconds. User Avatar 17 comments Your files aren’t messy. They’re just stuck in the wrong system. User Avatar 13 comments