Mar 25, 2022
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
- In blog.rb, add this:
1. has_rich_text :body
- In blogs_controller.rb, permit :body parameter like this:
def blog_params
params.require(:blog).permit(:title, :body)
end
- In app/views/blogs/_form.html.erb, add this:
<%= form.label :body %>
<%= form.rich_text_area :body %>
- In app/views/blogs/show.html.erb, add this:
<%= @blog.body %>
Screenshots:-
Happy Blogging!
Originally published at https://www.cryptextechnologies.com.
