Rails中Trix Editor(ActionText)添加对齐按钮后保存格式失效求助

问题核心 #

ActionText默认会过滤非标准HTML标签，你之前仅配置了允许自定义属性，但未放行<align-right>这类自定义标签，导致保存时这些标签被直接剥离，对齐样式自然失效。

修复步骤 #

1. 放行自定义对齐标签
   在config/initializers/action_text.rb中添加允许的标签：

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

   注意：你之前修改的allowed_attributes是针对HTML属性的配置，而这里需要放行的是自定义标签，所以要操作allowed_tags数组。

2. 重启Rails服务器
   修改初始化配置文件后，必须重启服务器才能让新规则生效。

3. 确保样式生效
   确认项目CSS中已定义对应标签的样式：

   align-right {
     display: block;
     text-align: right;
   }
   align-center {
     display: block;
     text-align: center;
   }
   align-left {
     display: block;
     text-align: left;
   }
   

可选优化方案 #

如果自定义标签仍存在兼容性问题，可改用符合HTML规范的data-*属性实现对齐：

• 修改编辑器逻辑，给文本包裹元素添加data-align属性（比如<div data-align="right">）
• 在action_text.rb中允许该属性：

  ActionText::ContentHelper.allowed_attributes += %w[ data-align ]
  

• 对应CSS样式：

  [data-align="right"] { text-align: right; }
  [data-align="center"] { text-align: center; }
  

内容的提问来源于stack exchange，提问作者Gogamar