vue-tiptap's Introduction

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 not be updated anymore.

Install and Usage

# install dependencies
npm install

# build component
npm run build

# serve demo
npm run dev

License

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

SVG Icons from the original TipTap package.

vue-tiptap's People

Contributors

Stargazers

Watchers

vue-tiptap's Issues

Try to update dependencies

without creating a mess

Select content can't toggle menu button active

In official demo, menu button will be selected if I select content.
For eg:
If the content style I select is H2, then H2 button will be select, but this repo is not.

I guess it is because this repo use static icons

Making styles match

THanks for the example. Tiptap doesnt display any icons or styles, being renderless, so this example's useful.
WOuld it be possible to make it look exactly like https://tiptap.scrumpy.io/ ? A lot of the styles are missing, for example,

the buttons have a border
code blocks dont get styled
selecting a block within the editor that has been styled does not highlight the relevant styles (it does on https://tiptap.scrumpy.io/)

Advanced examples

Would be great to have all of these options (as you can see at https://tiptap.scrumpy.io/) enabled by default:

Basic  Menu Bubble  Floating Menu  Links  Images  Hiding Menu Bar  Todo List  Tables  Search and Replace  Suggestions  Markdown Shortcuts  Code Highlighting  History  Read-Only  Embeds  Placeholder  Focus  Collaboration  Title  Trailing Paragraph  Drag Handle  Export HTML or JSON

Recommend Projects

neverbot / vue-tiptap Goto Github PK

vue-tiptap's Introduction

vue-tiptap

Install and Usage

License

vue-tiptap's People

Contributors

Stargazers

Watchers

Forkers

vue-tiptap's Issues

Try to update dependencies

Select content can't toggle menu button active

Making styles match

Advanced examples

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent