tiptap-snippets-extension
Tiptap 2 Extension for adding snippets.
If you
Live Demo
Try it out live at https://sereneinserenade.github.io/tiptap-snippets-extension, and/or take a look at a demo-video below.
Screen.Recording.2022-06-11.at.23.02.41.mov
How to use
Copy-paste snippet.ts
file in your own repo and import SnippetExtension
from that file and use that as an extension. For more details see Tiptap.vue
or the example implementations below. If you have any question, feel free to open an issue.
Contributing
Show your
Clone the repo, do something, make a PR(or not). You know what's the drill. Looking forward to your PRs, you amazing devs.
🚀
! Thank you!
Awesome peeps, who've starred this repo
Project Setup
Vue 3 + TypeScript + Vite
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 SFCs, check out the script setup docs to learn more.
Recommended IDE Setup
.vue
Imports in TS
Type Support For Since TypeScript cannot handle type information for .vue
imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in .vue
imports (for example to get props validation when using manual h(...)
calls), you can enable Volar's Take Over mode by following these steps:
- Run
Extensions: Show Built-in Extensions
from VS Code's command palette, look forTypeScript and JavaScript Language Features
, then right click and selectDisable (Workspace)
. By default, Take Over mode will enable itself if the default TypeScript extension is disabled. - Reload the VS Code window by running
Developer: Reload Window
from the command palette.
You can learn more about Take Over mode here.