ruby-on-rails - 如何在 Ruby on Rails 6 中将 rich_text_a

目前 simple_form 不支持带有 rich_text_area 输入字段的 ruby​​ on rails 6 action_text。 所以目前我的输入字段在 posts/_form.html.haml 中看起来像这样:

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

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

最佳答案

在 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

关于ruby-on-rails - 如何在 Ruby on Rails 6 中将 rich_text_area 与 simple_form 一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61639069/

相关文章:

c# - 如何使用 Sustainsys.Saml2 设置 NLog

c# - 为什么 Visual Studio 不警告我空引用异常?

delphi - 如何在 Delphi 10.3 Rio 上安装 Indy?

arrays - 将 [MLMultiArray] 转换为 Float?

python - 使用 zip() 对元组列表进行排序时,有时不支持“<”

javascript - AWS Elastic Beanstalk : How to change

svelte - 如何替换 Svelte 中目标的内容而不是附加到子项?

python - 如何聚焦光线或如何在 pygame 中只绘制窗口的某些圆形部分?

node.js - Yarn workspaces——包别名

node.js - 使用 nodeJs 从 AWS SQS 队列中获取待处理的消息数