https://github.com/johnpuddephatt/gutentap

Tiptap Vue block editor
https://github.com/johnpuddephatt/gutentap

tiptap tiptap-editor vue vue3

Last synced: 2 months ago
JSON representation

Tiptap Vue block editor

• Host: GitHub
• URL: https://github.com/johnpuddephatt/gutentap
• Owner: johnpuddephatt
• License: mit
• Created: 2022-10-16T16:32:24.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-19T21:20:45.000Z (9 months ago)
• Last Synced: 2024-12-11T13:51:47.935Z (2 months ago)
• Topics: tiptap, tiptap-editor, vue, vue3
• Language: JavaScript
• Homepage: http://gutentap.letsdance.agency/
• Size: 1.78 MB
• Stars: 137
• Watchers: 9
• Forks: 18
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gutentap

[Demo here](http://gutentap.letsdance.agency)

## Project setup

Install with `npm install gutentap`.

```

import { GutenTap }  from "gutentap"

import 'gutentap/style.css'

```

Mode can be json or html.

## To do

- [x] Make package an installable library

- [x] Add HTML/JSON 'mode' property

- [x] Fix bullet/numbered list toggle

- [x] Small/touch screen optimisation

- [x] Add table tools (new row/delete row etc)

- [x] Create vue components for key UI elements – e.g. dropdown menus

- [x] Improve titles/tooltips with some sort of popover (tippy?)

- [x] Add property to block tools determining if they can be converted

- [x] add […] menu to end of floating toolbar: delete block, duplicate block

- [x] import blockquote separately to starter kit and extend it to only support paragraph tags

- [x] block width tool works on nested paragraphs (e.g. inside blockquote)

- [x] block width tool double icon when applied to blockquote (look at logic for showing icons... isActiveTest which uses .isActive() https://tiptap.dev/api/editor#is-active we can specify block type which should help – feed in top level block? )

- [x] explore fix for buggyness of inline\* for tablecell content

- [x] harmonize approach for finding/selecting parent block - e.g. https://github.com/ueberdosis/tiptap/blob/8c6751f0c638effb22110b62b40a1632ea6867c9/packages/core/src/commands/deleteNode.ts

- [x] Allow dynamic placeholders

- [x] Enable editable/readonly mode toggling

- [x] Enable insert button between existing blocks