DejaVue Tiptap and Vue.js (with Vanessa Otto)
13 snips
Jul 18, 2024 Vanessa Otto, a Senior Engineer at GitLab and former Head of Frontend at Zavvy, dives into the innovative rich text editor Tiptap. She shares why Tiptap's headless design is a game-changer and how it integrates seamlessly with Vue.js. Vanessa explains its customization benefits, hierarchical content structure, and collaboration features that enhance user experience. Listeners will also learn about creating tailored functionalities and the potential for Tiptap's future, including community engagement and upcoming AI integrations.
AI Snips
Chapters
Transcript
Episode notes
Vanessa's TipTap Adoption Story
- Vanessa Otto shared her experience choosing TipTap while leading frontend at Zavvy.
- They needed a rich text editor that allowed custom functionality like embedded Youtube players and drag-and-drop blocks.
TipTap's Headless Design
- TipTap is headless, meaning it does not provide built-in UI controls like buttons or menus.
- This gives frontend developers full control to build and style the editor UI as they wish.
Customize UI and Behavior Freely
- Customize TipTap's UI completely in your Vue components for full styling freedom.
- You can add new buttons with your own logic invoking editor methods, like toggling bold or summaries.
