如何在 Rails 6 上将 rich_text_area 与 Ruby 中的 simple_form 一起使用？

Question

目前 simple_form 不支持 rails 6 action_text 上的 ruby 和 rich_text_area 输入字段。所以目前我的输入字段在 posts/_form.html.haml:

中看起来像这样

= f.label :description
= f.rich_text_area :description
= f.error :description, class: 'text-danger'

如何让它像= f.input :description一样工作并拥有富文本区域？

Answer 1

在 app/inputs/rich_text_area_input.rb:

中创建一个文件

class RichTextAreaInput < SimpleForm::Inputs::Base
  def input_html_classes
    super.push('trix-content')
  end

  def input(wrapper_options = nil)
    merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)

    @builder.rich_text_area(attribute_name, merged_input_options)
  end
end

在application.scss中：

//simple_form input for rich_text_area hight
trix-editor.form-control {
  height: auto;
}

现在 posts/_form.html.haml 你可以这样做：

= f.input :description, as: :rich_text_area

一直希望在某个时候 simple_form 必须将它添加到 master

来源 1：https://github.com/heartcombo/simple_form/issues/1638

来源 2：https://github.com/heartcombo/simple_form/pull/1646

如何在 Rails 6 上将 rich_text_area 与 Ruby 中的 simple_form 一起使用？

How to use rich_text_area with simple_form in Ruby on Rails 6?

ruby-on-rails

activerecord

simple-form

ruby-on-rails-6

actiontext