Rich text area

form_with(
  model: Gallery::Forms::ProjectBrief.new(name: "Aurora", brief: "<p>Ship the reporting rewrite.</p>"),
  scope: :project_brief,
  url: "#rich-text-area-form",
  builder: NitroKit::FormBuilder,
  id: "gallery-rich-text-form"
) do |form|
  form.group do
    form.field(:name, label: "Project name")
    form.field(
      :brief,
      as: :rich_text,
      label: "Project brief",
      description: "Shared with everyone who can see the project.",
      required: true
    )
    form.submit("Save brief", id: "gallery-rich-text-save")
  end
end

invalid = Gallery::Forms::ProjectBrief.new(name: "Aurora", brief: "")
invalid.validate

form_with(
  model: invalid,
  scope: :rejected_brief,
  url: "#rich-text-area-invalid",
  builder: NitroKit::FormBuilder,
  id: "gallery-rich-text-invalid-form"
) do |form|
  form.field(
    :brief,
    as: :rich_text,
    label: "Project brief",
    description: "A brief is required before the project can be published."
  )
end

editor = capture do
  rich_text_area(
    :announcement,
    :body,
    value: "<p>Maintenance window on Friday.</p>",
    id: "gallery-rich-text-standalone-editor"
  )
end

render NitroKit::RichTextArea.new(
  editor,
  id: "gallery-rich-text-standalone",
  aria: { label: "Announcement body" }
)