How to programmatically pin rich text toolbar

[ilia4bit]

If you want to pin a rich-text toolbar first you need to write something in the field, then press ctrl + A to see a rich-text toolbar with full features (because Wagtail doesn't load all features in a stream block-like interface) and press the pin icon.

Is there any way to pin the rich-text toolbar by code?
can I write something like this:

class MyPage(Page):
 content = RichTextField()
 
 content_panels = [
  FieldPanel("content", classname="pin")
]

[thibaudcolas]

@ilia4bit good question – there is no way currently, though with the right amount of CSS overrides nothing is impossible. This isn’t officially supported but you could do this if you’re ok with changing the default for all fields:

// If the toolbar’s theme isn’t set, default to sticky.
if (!window.localStorage.getItem('wagtail:draftail-toolbar')) {
  window.localStorage.setItem('wagtail:draftail-toolbar', 'sticky');
}

[ilia4bit]

Thank you for your response. I use the insert_editor_js hook and it works. but without if statement.
Correct code:

• wagtail_hooks.py

from django.utils.html import format_html
from django.templatetags.static import static
from wagtail import hooks


@hooks.register("insert_editor_js")
def editor_js():
    return format_html('<script src="{0}"></script>', static("static/js/pin-toolbar.js"))

• pin-toolbar.js

window.localStorage.setItem("wagtail:draftail-toolbar", "sticky");

[thibaudcolas]

I wouldn’t recommend doing this without the if statement as it means it’ll now be impossible for CMS users to ever change this setting.

[ilia4bit]

I tried but it doesn't work at least for me.