Document Editor using Laravel, Vue 3, TipTap | Importing a word file and editing it in web app
Hi all,
In this video, we will see how to use Vue 3 and TipTap library with Laravel to create a document editor. You can take it forward to make a Google Doc clone but in this video, we will see how to import a word file and edit it.
Hope you enjoy it.
00:00:00 - Introduction
00:01:14 - optional step
00:05:18 - installing Vue 3 and dependencies
00:09:48 - app.js and rendering component on welcome.blade.php
00:12:48 - installing tiptap
00:14:12 - Creating Editor Component
00:37:25 - Importing File
00:46:15 - Converting file to HTML
00:50:30 - Setting HTML in the editor
01:01:40 - Wrap Up
Upload File to AWS S3 using Express API | Real-time progress | Vue 3 | Server sent events
Headless blog using Nuxt 3, Firebase and Garchi CMS | Part 1 | Server side authentication