Trix: Possible to have Return/Enter key submit a form input?

[charleslee94]

Was wondering if it was possible to have pressing enter/return submit the Trix Editor text to a form?

Couldn't find any previous issues about this.

• Trix version: 1.1.1
• Browser name and version: Chrome 74
• Operating system: Mac OSX High Sierra

[javan]

You'll need to add your own keydown handler. Example:

const element = document.querySelector("trix-editor")

element.addEventListener("keydown", event => {
  if (event.key == "Enter") {
    event.preventDefault()
    element.inputElement.form.submit()
  }
})

[gilbert]

For those who need to support forms with remote: true:

editor.addEventListener("keydown", event => {
  if (event.key == "Enter") {
    event.preventDefault()
    Rails.fire(element.inputElement.form, 'submit')
  }
})