vue-tiptap


Example of using tiptap 2 as a Vue 3 component without being completely renderless, so you can see how to use it inside your own components or even use it right away. It can be imported as a Vue 3 component, and you can see in the example directory how it would be used inside your application.

Note: now tiptap has their own examples and components for different frameworks (including vue 2 and vue 3), so maybe you should take a look to the official package @tiptap/vue-3. This package will probably not be updated anymore.

!screenshot

Install and Usage

``bash

install dependencies

npm install

build library (production mode)

Output: dist/ (library files for distribution)

npm run build

build example and serve preview (development mode)

Output: dist-example/ (example build)

Server: http://localhost:5173/

npm run dev

alias for npm run dev

npm run serve
`

$3

- npm run build: Builds the library in production mode. Outputs the distributable files to dist/ directory (these are the files that will be included in other projects).
- npm run dev: Builds the example application in development mode to dist-example/ and starts a preview server on port 5173. Useful for testing the example locally.
- npm run serve: Alias for npm run dev`.

License

The MIT License (MIT). Please see License File for more information.

SVG Icons from the original TipTap package.