分享

[Rails][筆記] Action Text Overview 建立一個編輯器

[Rails]Action Text Overview 建立一個編輯器
林班尼
Dec 9, 2020·4 min read
想要使用rails 建立一個 Blog ,單純使用filed 好像太單調了,於是
我在gem找有沒有現成的套件,找到了Ckeditor 與
bootstrap-wysihtml5-rails,嘗試了幾次好像都會有問題,
再來我就看見了這篇文章
Trix — Rich Editor for your Rails 6 application
A new rich text editor, same as what you have been using in Basecamp

levelup.gitconnected.com

Action Text 這個方法好像簡單很多適合我這個新手
接著我就查了一下看到了官網的文件
Action Text Overview - Ruby on Rails Guides
Action Text OverviewThis guide provides you with all you need to get started in handling rich text content.After…
guides.rubyonrails.org
在我以建立好的專案下使用
專案使用前的狀態是
資料庫 有一個 table 包含了
一個string 名為title
一個text 名為content

controller 的狀態是

有index ,new show,create,edit,update,destroy的功能
以下提供參考

fttp0165/blog

GitHub is home to over 50 million developers working together to host and review code, manage projects, and build…
github.com
接著我就是照著官網的步驟在專案下使用
rails action_text:install
然後到我model下增加了這行
has_rich_text :content
然後是在我的新增頁面
在這裡我使用的是form_for 跟官網使用的 form_with
不同 因為我使用 form_with 在沒有輸入內容時按下submit
頁面是不會動作, 我想保留原有的驗證功能,所以先用form_for
這邊記錄一下form_with
這樣就可以有一個 rich text editors
但我嘗試放圖片是不會顯示的
這邊Billy Cheng 提到可以使用gem ‘image_processing’

image_processing | RubyGems.org | your community gem host

High-level wrapper for processing images for the web with ImageMagick or libvips.

rubygems.org

gem file 加入gem "image_processing", "~> 1.0"
執行bundle install
如果加入image_processing還是不行
需要在電腦上安裝
brew install imagemagick
分類:學習

評論
上一篇
  • [Rails] [note]Routes 設計複雜的URL
  • 下一篇
  • [Rails][polymorphic]多型關聯
  • 更多文章
    載入中... 沒有更多了