https://github.com/vueditor/tiptap-extension-handle

A tiptap extension to support drag handle and custom view
https://github.com/vueditor/tiptap-extension-handle

drag editor handle prosemirror tiptap tiptap-extension

Last synced: 21 days ago
JSON representation

A tiptap extension to support drag handle and custom view

• Host: GitHub
• URL: https://github.com/vueditor/tiptap-extension-handle
• Owner: vueditor
• License: mit
• Created: 2024-09-10T12:11:50.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-13T17:17:05.000Z (9 months ago)
• Last Synced: 2025-08-08T23:59:59.245Z (2 months ago)
• Topics: drag, editor, handle, prosemirror, tiptap, tiptap-extension
• Language: TypeScript
• Homepage: https://vueditor.litingyes.top
• Size: 859 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Tiptap extension handle

![GitHub License](https://img.shields.io/github/license/vueditor/tiptap-extension-handle?style=plastic) ![NPM Version](https://img.shields.io/npm/v/%40vueditor%2Ftiptap-extension-handle?style=plastic) ![NPM Downloads](https://img.shields.io/npm/dm/%40vueditor%2Ftiptap-extension-handle?style=plastic)  ![GitHub Repo stars](https://img.shields.io/github/stars/vueditor/tiptap-extension-handle?style=plastic)

A tiptap extension to support drag handle, read the [docs](https://vueditor.litingyes.top/) to learn more.

## Installation

```bash

pnpm add @vueditor/tiptap-extension-handle

```

or

```bash

npm install @vueditor/tiptap-extension-handle

```

## Basic usage

> [!TIP]

> For more detailed usage，see the [examples](./examples/) directory or more comprehensive usage: [rich text editor](https://github.com/vueditor/rich-text-editor.git).

```ts

import { Editor } from '@tiptap/core'

import { handle } from '@vueditor/tiptap-extension-handle'

const editor = new Editor({

  extension: [handle]

})

```