How To Use Action Text

By: Apurva Karankar Category: Ruby on Rails, Web Development Technologies: Ruby on Rails

Action Text

Activity Text permits us to bring rich text content and editing to Rails. This implies we can perform operations like formatting text, inserting pictures, formatting links, adding records, and other editorial feature to a text field.

This is finished by including the Trix editor for the framework. The RichText content produced by the Trix editorial is saved in its own RichText model that is related to any current Active Record model in the application. Every inserted picture or different connections are automatically put away utilizing Active Storage.

Installation

1. rails action_text:install

Configuration

Make sure your app/assets/stylesheets/actiontext.scss contains the following line:

1 . @import “./actiontext.scss”;

And your app/assets/stylesheets/application.scss has the following lines:

1. require(“trix”) — — → (ActionText uses the Trix editor to help create rich content. Trix is a WYSIWYG style editor that updates how a WYSIWYG editor works on the web)

Trix Editor: —

2. require(“@rails/actiontext”)

Scaffolding

1. rails generate scaffold Blog title:string

2. rails db:migrate

1. has_rich_text :body

def blog_params

params.require(:blog).permit(:title, :body)

end

<%= form.label :body %>

<%= form.rich_text_area :body %>

<%= @blog.body %>

Screenshots:-

Happy Blogging!

Originally published at https://www.cryptextechnologies.com.

--

--

Cryptex specializes in developing open source web applications and software solutions across all domains and verticals using Ruby on Rails (ROR) technology

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Cryptex Technologies

Cryptex specializes in developing open source web applications and software solutions across all domains and verticals using Ruby on Rails (ROR) technology