WordPress / WordPress/developer-blog-content

Customizing and extending the Formatting Toolbar

Open
#261 21 comments 0 reactions 1 assignee View on GitHub

@magdalenapaciorek is already working on this.

Since May 5, 2024.

Beginners Building Blocks Components flow: approved Frontend
Dominant language
No language data
Stars
50
Forks
8
PR merge metrics
No merged PRs in 30d

Description

Discussed in https://github.com/WordPress/developer-blog-content/discussions/255

Originally posted by magdalenapaciorek April 30, 2024
I'm proposing this topic (and volunteering myself as the author) because patterns similar to the one below are quite common in web design. I believe the formatting API is often overlooked, and developers who are unfamiliar with it might struggle to implement such designs.

block-formatting-toolbar

The initial plan for the article:

  • an overview of available formats with examples of how they can be used (e.g., adding an inline image to the citation in the Quote Block)
  • how to unregister default formats
  • how to add a basic format, similar to the one shown in the screenshot
  • how to implement more complex format controls, such as the one in the Language Format, where a click opens a popover with multiple options.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.