Change The Placeholder
Perhaps you read the Setup sections that describe modifying the
default behavior of the starterKitOptions. While you could do the following to modify the placeholder:
JavaScript
JavaScript
import "rhino-editor/exports/styles/trix.css"
import { TipTapEditor } from "rhino-editor/exports/elements/tip-tap-editor"
class ExtendedEditor extends TipTapEditor {
constructor () {
super()
this.starterKitOptions = {
...super.starterKitOptions,
rhinoPlaceholder: {
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.
JavaScript
JavaScript
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"
})
}
}