向 Trix 编辑器添加对齐按钮（ActionText Ruby on Rails）答案

【问题标题】：Adding alignment buttons to Trix Editor (ActionText Ruby on Rails)向 Trix 编辑器添加对齐按钮（ActionText Ruby on Rails）
【发布时间】：2022-10-19 16:10:07
【问题描述】：

我按照 this tutorial 向 Trix 文本编辑器添加对齐选项，我的应用程序中的编辑器与教程中引用的 repository 类似。意思是，单击右对齐按钮，会将文本向右对齐，但是当我通过单击提交按钮（我的rich_text 字段是 simple_form 表单的一部分）保存表单时，我之前向右对齐的文本是现在保存在左侧（在其默认位置）。这是正在编辑的文本（提交前）：

<align-right><strong>Hello</strong></align-right>

这是保存后的文本：

<strong>Hello</strong>

添加

ActionText::ContentHelper.allowed_attributes += %w[ align-right align-center align-left ]

在 config/initializers/action_text.rb 但它没有任何区别......

【问题讨论】：

标签： ruby-on-rails alignment trix actiontext

【解决方案1】：

ActionText 似乎正在清理您的文本。尝试

config.after_initialize do
  ActionText::ContentHelper.allowed_tags.add 'align-right'
  ActionText::ContentHelper.allowed_tags.add 'align-center'
  ActionText::ContentHelper.allowed_tags.add 'align-left'
end

在你的应用程序.rb文件。

【讨论】：