TiptapTiptap
Help Center›Editor Features›Core Editing Features
Related articles

Core Editing Features

Last updated October 7, 2023

Introduction

Tiptap is renowned for its intuitive and rich editing features. Whether you're drafting a blog post, writing code, or creating a collaborative document, Tiptap’s core editing features are designed to enhance your text editing experience. This article will walk you through some of the fundamental features that make Tiptap a preferred choice for developers and content creators alike.

Core Features Overview

  • Text Formatting: Style your text with ease.
  • List Creation: Organize content effectively.
  • Link Insertion: Add and manage hyperlinks.

Step-by-Step Guide to Using Core Features

  1. Text Formatting
  • Bold, Italic, Underline:
  • Select the text you want to format.
  • Use the formatting toolbar or keyboard shortcuts to apply bold, italic, or underline.
  • Example: Ctrl+B for bold, Ctrl+I for italic.
  1. Creating Lists
  • Ordered and Unordered Lists:
  • Place the cursor where you want to start the list.
  • Use the toolbar to select either ordered or unordered list, or use keyboard shortcuts.
  • Type your list item and hit Enter to add more items.
  1. Inserting Links
  • Add Hyperlinks:
  • Select the text you want to turn into a link.
  • Click on the link icon in the toolbar or use a keyboard shortcut.
  • Enter the URL and press Enter or click on the apply button.
  1. Image Insertion (if applicable)
  • Adding Images:
  • Click on the place where you want to add an image.
  • Use the image icon in the toolbar.
  • Upload or enter the URL of the image, adjust the size and alignment as needed.
  1. Code Blocks
  • Inserting Code:
  • Use the code block button in the toolbar to start a new code block.
  • Select the programming language (if applicable).
  • Type or paste your code into the block.

Conclusion

Mastering the core editing features of Tiptap empowers you to create rich, interactive, and beautifully formatted text. With a user-friendly interface and a host of customizable options, Tiptap stands as a versatile editor for all your text editing needs. Dive in, explore, and let your creativity flow!

Was this article helpful?