WYSIWYG Toolbar create or edit toolbar_groups #3636

New Issue

OVERLORD · 2026-02-05T07:09:01+03:00

OVERLORD commented

2026-02-05 07:09:01 +03:00

Originally created by @Divinii on GitHub (Mar 18, 2023).

Attempted Debugging

I have read the debugging page

Searched GitHub Issues

I have searched GitHub for the issue.

Describe the Scenario

I would like to be able to edit or add toolbar_groups in WYSIWYG editor, as reference I screenshot the part I mean:

I would like to edit or create a toolbar_groups entry. For example I would like to remove the Inline Code entry from formatoverflow.items (resources/js/wysiwyg/toolbars.js line 26)

I am currently setting tinyMceConfig.toolbar using following HTML Head Content:

window.addEventListener('editor-tinymce::pre-init', event => {
	const tinyMceConfig = event.detail.config;
	tinyMceConfig.toolbar = 'undo redo | styles | bold italic underline inlinecode forecolor backcolor formatoverflow | bullist numlist tasklist outdent indent | textDirPlugins | codeeditor drawio table media imagemanager-insert link details customhr | code about fullscreen';
});

I tried editing tinyMceConfig.toolbar_groups or executing the function editor.ui.registry.addGroupToolbarButton but I was unable to get that working. Is there a way to set this without editing the js source?

Exact BookStack Version

v23.02.1

Log Content

No response

PHP Version

8.1

Hosting Environment

Docker Image linuxserver/bookstack behind Traefik Reverseproxy

Originally created by @Divinii on GitHub (Mar 18, 2023). ### Attempted Debugging - [x] I have read the debugging page ### Searched GitHub Issues - [X] I have searched GitHub for the issue. ### Describe the Scenario I would like to be able to edit or add toolbar_groups in WYSIWYG editor, as reference I screenshot the part I mean: ![image](https://user-images.githubusercontent.com/37466196/226074571-dd27d40f-1223-49a7-b4be-fca977765261.png) I would like to edit or create a toolbar_groups entry. For example I would like to remove the Inline Code entry from formatoverflow.items (resources/js/wysiwyg/toolbars.js line 26) I am currently setting tinyMceConfig.toolbar using following HTML Head Content: ``` window.addEventListener('editor-tinymce::pre-init', event => { const tinyMceConfig = event.detail.config; tinyMceConfig.toolbar = 'undo redo | styles | bold italic underline inlinecode forecolor backcolor formatoverflow | bullist numlist tasklist outdent indent | textDirPlugins | codeeditor drawio table media imagemanager-insert link details customhr | code about fullscreen'; }); ``` I tried editing tinyMceConfig.toolbar_groups or executing the function editor.ui.registry.addGroupToolbarButton but I was unable to get that working. Is there a way to set this without editing the js source? ### Exact BookStack Version v23.02.1 ### Log Content _No response_ ### PHP Version 8.1 ### Hosting Environment Docker Image linuxserver/bookstack behind Traefik Reverseproxy

OVERLORD added the 🐕 Support label 2026-02-05 07:09:01 +03:00

OVERLORD closed this issue

2026-02-05 07:09:03 +03:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#3636