[PR #3952] [CLOSED] Feature: Add styling options to Markdown toolbar #6284

New Issue

OVERLORD · 2026-02-05T10:28:28+03:00

OVERLORD commented

2026-02-05 10:28:28 +03:00

📋 Pull Request Information

Original PR: https://github.com/BookStackApp/BookStack/pull/3952
Author: @phsteffen
Created: 1/8/2023
Status: ❌ Closed

Base: development ← Head: markdown_editor_toolbar

📝 Commits (1)

4311932 Add styling options to Markdown toolbar

📊 Changes

14 files changed (+199 additions, -1 deletions)

View changed files

➕ resources/icons/bold.svg (+1 -0)
➕ resources/icons/code.svg (+1 -0)
➕ resources/icons/headline.svg (+1 -0)
➕ resources/icons/italic.svg (+1 -0)
➕ resources/icons/list-bulleted.svg (+1 -0)
➕ resources/icons/list-numbered.svg (+1 -0)
➕ resources/icons/snippet.svg (+1 -0)
➕ resources/icons/strikethrough.svg (+1 -0)
📝 resources/js/components/markdown-editor.js (+13 -0)
📝 resources/js/markdown/actions.js (+114 -0)
📝 resources/lang/de/entities.php (+14 -0)
📝 resources/lang/en/entities.php (+14 -0)
📝 resources/sass/_forms.scss (+18 -1)
📝 resources/views/pages/parts/markdown-editor.blade.php (+18 -0)

📄 Description

We have the use-case that we are using the Markdown editor with technical as well as non-technical users.
The non-technical users sometimes find it a bit difficult to use the Markdown markup.

This pull request adds buttons for the following markups in the Markdown editor:

Headline
Bold
Italic
Strikethrough
Bulleted List
Numbered List

Additionally it adds a kind of snippet function to insert the following things with it:

Table
Collapsible Sections
Callouts (Info, Success, Warning, Danger)

The whole thing looks like this:

Dropdown with snippets:

In small resolutions, however, the buttons are hidden:

What do you think of the solution?
Should I adjust/remove something?

_{🔄 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/3952 **Author:** [@phsteffen](https://github.com/phsteffen) **Created:** 1/8/2023 **Status:** ❌ Closed **Base:** `development` ← **Head:** `markdown_editor_toolbar` --- ### 📝 Commits (1) - [`4311932`](https://github.com/BookStackApp/BookStack/commit/4311932f85b4e72d1b85cd0f0b907f7b6a5995a6) Add styling options to Markdown toolbar ### 📊 Changes **14 files changed** (+199 additions, -1 deletions) <details> <summary>View changed files</summary> ➕ `resources/icons/bold.svg` (+1 -0) ➕ `resources/icons/code.svg` (+1 -0) ➕ `resources/icons/headline.svg` (+1 -0) ➕ `resources/icons/italic.svg` (+1 -0) ➕ `resources/icons/list-bulleted.svg` (+1 -0) ➕ `resources/icons/list-numbered.svg` (+1 -0) ➕ `resources/icons/snippet.svg` (+1 -0) ➕ `resources/icons/strikethrough.svg` (+1 -0) 📝 `resources/js/components/markdown-editor.js` (+13 -0) 📝 `resources/js/markdown/actions.js` (+114 -0) 📝 `resources/lang/de/entities.php` (+14 -0) 📝 `resources/lang/en/entities.php` (+14 -0) 📝 `resources/sass/_forms.scss` (+18 -1) 📝 `resources/views/pages/parts/markdown-editor.blade.php` (+18 -0) </details> ### 📄 Description We have the use-case that we are using the Markdown editor with technical as well as non-technical users. The non-technical users sometimes find it a bit difficult to use the Markdown markup. This pull request adds buttons for the following markups in the Markdown editor: - Headline - Bold - Italic - Strikethrough - Bulleted List - Numbered List Additionally it adds a kind of snippet function to insert the following things with it: - Table - Collapsible Sections - Callouts (Info, Success, Warning, Danger) **The whole thing looks like this:** <img width="469" alt="markdown_toolbar_1" src="https://user-images.githubusercontent.com/18245229/211170254-818dbdf7-edc1-4012-b338-a6d40a9fb2e1.png"> **Dropdown with snippets:** <img width="263" alt="markdown_toolbar_2" src="https://user-images.githubusercontent.com/18245229/211170259-be2ea0b0-3668-4ae2-8df0-1fbabca89dc3.png"> **In small resolutions, however, the buttons are hidden:** <img width="239" alt="markdown_toolbar_3" src="https://user-images.githubusercontent.com/18245229/211170260-241e1bc7-92e4-442c-9416-012f58bd4d5c.png"> _What do you think of the solution?_ _Should I adjust/remove something?_ --- <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:28:28 +03:00

OVERLORD closed this issue

2026-02-05 10:28:29 +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#6284