An open API service indexing awesome lists of open source software.

https://github.com/neverbot/vue-tiptap

Example of using tiptap as a Vue component without being completely renderless.
https://github.com/neverbot/vue-tiptap

tiptap vue

Last synced: 7 months ago
JSON representation

Example of using tiptap as a Vue component without being completely renderless.

Awesome Lists containing this project

README

          

# vue-tiptap

[![npm](https://img.shields.io/npm/dt/vue-tiptap)](https://www.npmjs.com/package/vue-tiptap)
[![npm](https://img.shields.io/npm/dw/vue-tiptap)](https://www.npmjs.com/package/vue-tiptap)
[![GitHub license](https://img.shields.io/github/license/neverbot/vue-tiptap)](https://github.com/neverbot/vue-tiptap/blob/master/LICENSE.md)
[![npm](https://img.shields.io/npm/v/vue-tiptap)](https://www.npmjs.com/package/vue-tiptap)

Example of using [tiptap 2](https://github.com/scrumpy/tiptap/) 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](https://tiptap.dev/installation/vue3). This package will not be updated anymore.

![screenshot](./img/screenshot.png)

## Install and Usage

```bash

# install dependencies
npm install

# build component
npm run build

# serve demo
npm run dev
```

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

SVG Icons from the original [TipTap](https://github.com/scrumpy/tiptap/) package.