Adding a TipTap Rich Text Editor field to a custom property

Questions
1

I need to add a rich text editor (TipTap) field within my new custom property in Umbraco 17.

Has anyone done this? The docs are quite sparse. Will I need to use this?

I have seen this Adding a TipTap Rich Text Editor to a custom property editor - #3 by sm-rob where @jacob suggests using the below, but so far I have only been able to render a textbox when I will need a ‘full-fat’ RTE

render() {
return html`
<umb-input-tiptap value="My start value" @change=${this.#onChange}></umb-input-tiptap>
`
}

#onChange(e: Event) {
console.log(e.target.value);
}

Screenshot 2025-11-11 163900
Screenshot 2025-11-11 163900732×762 7.53 KB

Sorry @jacob it appears you cannot get rid of me that easily! :laughing: :sweat_smile:

2

Hi @charlesa-ccs ,

Could you perhaps share some more of your custom property editor code to put what you’ve already shared into context?

It might also be helpful to see what’s actually rendered via the browser inspector.

What version of Umbraco are you running?

Depending on exactly what you’re building here, have you considered building it with blocks? This may end up being less custom code to maintain. You can customise the block editors quite considerably if necessary.

3

Hi @glombek thanks for the reply and I can do :smiley: .

I am trying to rebuild a navigation for Umbraco 17. The current site uses UmbracoNav, which has been upgraded to Umbraco 17. However I need an additional property which will need to be an RTE on each on the navigation items.

As you mention it maybe easier to implement my own navigation, its just the drag and drop UI for UmbracoNav is really good.

It does look like that this may not be worth it as it does not appear terribly simple to do sadly :confused:

5

These two points requests will help your problem be reproducible.

Thanks for mentioning UmbNav. I’m not sure if UmbNav does anything different to Umbraco when rendering editors… with a more complete example it’d be possible to take a look!

6

Adding tag umbnav might get some more eyes on this too

1 Like
7

Thanks @jemayn I actually found another way around it. I will take a look and see how i add tags in future :smiley:

1 Like