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