Change The Placeholder

Perhaps you read the Setup sections that describe modifying the default behavior of the rhinoStarterKit. While you could do the following to modify the placeholder:

import "rhino-editor/exports/styles/trix.css"
import { TipTapEditor } from "rhino-editor/exports/elements/tip-tap-editor"

class ExtendedEditor extends TipTapEditor {
  constructor () {
    super()
    this.rhinoStarterKit = {
      placeholder: {
        placeholder: "modified placeholder"
      }
    }
  }
}

there is actually an easier way if you’re only looking to change the placeholder text and dont need any additional hooks into the placeholder extension.

import "rhino-editor/exports/styles/trix.css"
import { TipTapEditor } from "rhino-editor/exports/elements/tip-tap-editor"

class ExtendedEditor extends TipTapEditor {
  constructor () {
    super()
    this.translations = Object.assign(super.translations, {
      placeholder: "Modified placeholder"
    })
  }
}