@tiptap/extension-bold

What is @tiptap/extension-bold?

@tiptap/extension-bold is an extension for the Tiptap editor that allows you to add bold formatting to your text. It provides a simple way to toggle bold styling on and off within the Tiptap rich-text editor.

What are @tiptap/extension-bold's main functionalities?

Add Bold Formatting

This code demonstrates how to add the Bold extension to a Tiptap editor instance. The Bold extension is imported and included in the editor's extensions array, enabling bold formatting in the editor.

import { Bold } from '@tiptap/extension-bold';
import { Editor } from '@tiptap/core';

const editor = new Editor({
  extensions: [
    Bold,
  ],
  content: '<p>Hello World!</p>',
});

Toggle Bold Formatting

This code shows how to programmatically toggle bold formatting on the selected text in the Tiptap editor. The `toggleBold` command is chained with `focus` to ensure the editor is focused before applying the bold formatting.

editor.chain().focus().toggleBold().run();

Other packages similar to @tiptap/extension-bold

prosemirror-example-setup

The `prosemirror-example-setup` package provides a set of example configurations for ProseMirror, including bold formatting. It is more general-purpose and requires more setup compared to @tiptap/extension-bold, which is specifically designed for Tiptap.

draft-js

Draft.js is a rich text editor framework for React that includes built-in support for bold formatting. It offers a more comprehensive solution for building rich text editors but may require more configuration and customization compared to the straightforward @tiptap/extension-bold.

quill

Quill is a powerful, open-source WYSIWYG editor that supports bold formatting out of the box. It provides a more feature-rich editor experience but is a standalone editor, unlike @tiptap/extension-bold, which is an extension for the Tiptap editor.

README

@tiptap/extension-bold

Introduction

Tiptap is a headless wrapper around ProseMirror – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as New York Times, The Guardian or Atlassian.

Official Documentation

Documentation can be found on the Tiptap website.

License

Tiptap is open sourced software licensed under the MIT license.

Changelog

2.2.0-rc.7 (2023-11-27)

Bug Fixes

• core: set defaultOptions to undefined by default (448b433)