Can you add an id to a header inside the richt text editor without custom code? I don’t want to edit the HTML code directly, as there is a warning that it can be overwritten on the next save from someone else.
There only seems to be possible to add links to a given text, which produces a href correctly. Basically, I want that adding an anchor to the url, would scroll to the correct position, e.g.: my-website.com#first-heading
Hello oemeran,
There are a few ways to add an id to an element. Aside from the method you’ve mentioned, which may be overwritten depending on your team’s workflow, I would suggest entering the id into the field pictured, below:
You may select the layer/element you would like to add an id to and find the id property dropdown on the Styles Tab under HTML Attributes
Let me know if you have any difficulties doing so or if I’ve misunderstood anything about your request.
Unfortunately, I think you understood it wrong. I want to add an id to a heading INSIDE the rich text editor. Take a look at my screenshot. I want to add an id to “First Header” without affecting the rest. Does this make it more clear what I want?
Thank you for clarifying. The way to do this would be to use the Edit As Code button:
The warning indicating that changes made may be overwritten is just indicating that changes made using the Visual Editor UI will overwrite changes made using the Edit As Code feature and vice versa.
That’s what I wanted to avoid. I ended up creating headers now for each block and add an id to each one via HTML Attributes. I think this is more safe and allows non-devs to mess things up using the visual editor.