Document Editor using Laravel, Vue 3, TipTap | Importing a word file and editing it in web app

Published: 23 September 2021
on channel: WebDevWithArtisan
4,070
35

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


Watch video Document Editor using Laravel, Vue 3, TipTap | Importing a word file and editing it in web app online without registration, duration hours minute second in high quality. This video was added by user WebDevWithArtisan 23 September 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,070 once and liked it 35 people.