[PR #3512] [MERGED] WYSIWYG Code Editor Updates #6207

New Issue

OVERLORD · 2026-02-05T10:26:53+03:00

OVERLORD commented

2026-02-05 10:26:53 +03:00

📋 Pull Request Information

Original PR: https://github.com/BookStackApp/BookStack/pull/3512
Author: @ssddanbrown
Created: 6/20/2022
Status: ✅ Merged
Merged: 6/21/2022
Merged by: @ssddanbrown

Base: development ← Head: code_manager_updates

📝 Commits (7)

96d9077 Started design changes to the code-editor
77cd550 Polished up code editor design
f39b565 Tweaked code editor sidebar side to be smaller
1e41546 Updated code editor language lists
7511081 Aligned other popup windows
d181106 Adjusted code manager changes for dark mode
7d4b941 Added code editor changes mobile design handling

📊 Changes

7 files changed (+183 additions, -94 deletions)

View changed files

📝 resources/js/code.mjs (+10 -6)
📝 resources/js/components/code-editor.js (+19 -2)
📝 resources/sass/_components.scss (+93 -27)
📝 resources/views/common/confirm-dialog.blade.php (+1 -1)
📝 resources/views/entities/selector-popup.blade.php (+2 -2)
📝 resources/views/pages/parts/code-editor.blade.php (+51 -51)
📝 resources/views/pages/parts/image-manager.blade.php (+7 -5)

📄 Description

Set of improvements to the code editor.

TODO

Finish up design changes
Made language list interact to language input, highlight and scroll list based on prefix match.
Align language list with required changes in other issues (New additions and missing options).
Align popup design changes across similar popups (Image manager, entity selector popup, Editor change confirmation)
Update for dark mode compatibility
Update for mobile compatibility

Related to #3511 and #3494, Attempted GraphQL usage but could not use the official language without doubling bundle size.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/BookStackApp/BookStack/pull/3512 **Author:** [@ssddanbrown](https://github.com/ssddanbrown) **Created:** 6/20/2022 **Status:** ✅ Merged **Merged:** 6/21/2022 **Merged by:** [@ssddanbrown](https://github.com/ssddanbrown) **Base:** `development` ← **Head:** `code_manager_updates` --- ### 📝 Commits (7) - [`96d9077`](https://github.com/BookStackApp/BookStack/commit/96d907747991c3cfd69767ff78bc41abede2e939) Started design changes to the code-editor - [`77cd550`](https://github.com/BookStackApp/BookStack/commit/77cd550faedabecf7b1073ccc9c11398851e2cae) Polished up code editor design - [`f39b565`](https://github.com/BookStackApp/BookStack/commit/f39b565a1cb2a330c33c497f8a49295a1d087cc1) Tweaked code editor sidebar side to be smaller - [`1e41546`](https://github.com/BookStackApp/BookStack/commit/1e41546e51cbb11540af09a814c05c80ed172b30) Updated code editor language lists - [`7511081`](https://github.com/BookStackApp/BookStack/commit/75110813e66b3c348e838adac130a8e671fb6966) Aligned other popup windows - [`d181106`](https://github.com/BookStackApp/BookStack/commit/d181106df3458a1921ff5ce9d63febbe26392cea) Adjusted code manager changes for dark mode - [`7d4b941`](https://github.com/BookStackApp/BookStack/commit/7d4b941abfe15614506d130f85e35ba11fed5227) Added code editor changes mobile design handling ### 📊 Changes **7 files changed** (+183 additions, -94 deletions) <details> <summary>View changed files</summary> 📝 `resources/js/code.mjs` (+10 -6) 📝 `resources/js/components/code-editor.js` (+19 -2) 📝 `resources/sass/_components.scss` (+93 -27) 📝 `resources/views/common/confirm-dialog.blade.php` (+1 -1) 📝 `resources/views/entities/selector-popup.blade.php` (+2 -2) 📝 `resources/views/pages/parts/code-editor.blade.php` (+51 -51) 📝 `resources/views/pages/parts/image-manager.blade.php` (+7 -5) </details> ### 📄 Description Set of improvements to the code editor. ### TODO - [x] Finish up design changes - [x] Made language list interact to language input, highlight and scroll list based on prefix match. - [x] Align language list with required changes in other issues (New additions and missing options). - [x] Align popup design changes across similar popups (Image manager, entity selector popup, Editor change confirmation) - [x] Update for dark mode compatibility - [x] Update for mobile compatibility --- Related to #3511 and #3494, Attempted GraphQL usage but could not use the official language without doubling bundle size. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

OVERLORD added the pull-request label 2026-02-05 10:26:53 +03:00

OVERLORD closed this issue

2026-02-05 10:26:57 +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#6207