ActionText - How to Configure ActiveStorage Service

In this article, we will discuss how to configure the ActionText ActiveStorage service for a web application. ActionText is a Ruby gem that provides a simple and powerful way to add rich text content to your Rails applications. ActiveStorage, on the other hand, is a framework for managing uploaded files. Together, they make it easy to build web applications that allow users to create and edit rich text content with embedded images, videos, and other attachments.

Prerequisites

Before we begin, make sure you have the following:

• A Ruby on Rails application
• Ruby version 2.6 or higher
• Rails version 6.0 or higher
• ActionText and ActiveStorage installed and configured

Configuring ActiveStorage

To configure ActiveStorage, you need to add the following lines to your config/storage.yml file:

test:
  service: Disk
  root: <%= Rails.root.join("tmp/storage") %>

local:
  service: Disk
  root: <%= Rails.root.join("storage") %>

amazon:
  service: S3
  access_key_id: YOUR_AWS_ACCESS_KEY
  secret_access_key: YOUR_AWS_SECRET_KEY
  region: YOUR_AWS_REGION
  bucket: YOUR_AWS_BUCKET

In this example, we have defined three storage services: test, local, and amazon. The test service is used for testing and stores files in the tmp/storage directory. The local service is used for development and production and stores files in the storage directory. The amazon service is used for production and stores files in Amazon S3.

Make sure to replace YOUR_AWS_ACCESS_KEY, YOUR_AWS_SECRET_KEY, YOUR_AWS_REGION, and YOUR_AWS_BUCKET with your own Amazon S3 credentials.

Configuring ActionText

To configure ActionText, you need to add the following lines to your config/application.rb file:

config.active\_storage.service = :local
config.active\_storage.variant\_processor = :mini\_magick

In this example, we have configured ActionText to use the local storage service and the mini\_magick variant processor. The local storage service is the same one we defined earlier in the config/storage.yml file. The mini\_magick variant processor is used to generate thumbnails and other variants of uploaded images.

Creating a Rich Text Field

To create a rich text field, you need to add the following line to your model:

class Article < ApplicationRecord
  has\_rich\_text :content
end

In this example, we have added a content rich text field to the Article model. This field will be used to store the rich text content of the article.

Rendering a Rich Text Field

To render a rich text field, you need to add the following line to your view:

<%= form.rich\_text\_area :content %>

In this example, we have rendered the content rich text field in a form. This field will allow users to create and edit rich text content with embedded images, videos, and other attachments.

In this article, we have discussed how to configure the ActionText ActiveStorage service for a web application. We have covered the prerequisites, the configuration of ActiveStorage, the configuration of ActionText, the creation of a rich text field, and the rendering of a rich text field. With this knowledge, you can now build web applications that allow users to create and edit rich text content with embedded images, videos, and other attachments.

References