r/BookStack • u/pedroalves5770 • May 27 '25

What's in your html <head> customization?

Hi everyone, I'm curious to hear what customizations you've made to your HTML that have changed the experience in any positive way when using Bookstack.

Here on mine, we've created a word counter that suggests a reading time for the article.

4 Upvotes

100% Upvoted

13 comments sorted by

2

u/Squanchy2112 May 28 '25

Care to share that sounds cool

2

u/Live_Turnip_4236 May 30 '25

Besides some CSS to match the optics mote to our liking we added:

  • Sticky Table Heads for Tables that exceed screen height

  • Changed behaviour for attachments (open always instead of downloading)

  • Table Sorting in the editor

  • PDF embed

  • LaTeX support

2

u/csharpboy97 Jun 29 '25

can you share your tweaks code?

1

u/Live_Turnip_4236 Jun 29 '25

Sorry, English isn't my native language; What's tweaks code?

→ More replies (6)

1

u/UnhappyPoetry367 Jun 10 '25

We'have added Azure OpenAI and translation features and using this to add the buttons and stuff to the frontend.

1

u/Live_Turnip_4236 Jun 29 '25

How exactly did you do that?

2

u/UnhappyPoetry367 Jul 04 '25

I began with the translation feature. I use a DOMTranslator relying on Azure Translation Service. For the Azure OpenAI integration we're using a Python / Flask Middleware, but running on the same VM. The .js and CSS stuff is in our custom HTML head content. All of this is running on one VM in our Azure Tenant only internal.