Div tag for whole page

[ani-6]

Attempted Debugging

• I have read the debugging page

Searched GitHub Issues

• I have searched GitHub for the issue.

Describe the Scenario

I'm trying to wrap the entire content of a page inside a div tag to apply styles. However, when I edit the source code and save the page, the div tag disappears.
Do we have any workaround for this?
Thanks in advance for your help...

Exact BookStack Version

v24.05

Log Content

No response

Hosting Environment

Docker on Ubuntu 22.04

[ssddanbrown]

There's a lot that the editor will filter out or prevent in an attempt to keep content simple and standard.
We don't (and likely won't) provide official additional controls for this.
If you have an example of what you're attempting to do I may be able to find an alternative method/suggestion.

[ani-6]

I am trying to do something like this so i can apply styles to that specific portion.
But after saving its turning like this.

It works perfectly fine if I enclose a or figure tag inside div.

[ssddanbrown]

For something like that you'd need to get inventive, and use something like:

<style>
#bkmrk-this-page-is-marked-,
#bkmrk-this-page-is-marked-+hr,
#bkmrk-this-page-is-marked-+hr+h3 {
  color: red;
}
</style>

There is also tag classes that can help target customizations to specific pages using tags applied the the page:
https://www.bookstackapp.com/docs/admin/hacking-bookstack/#tag-classes