Add HTML Text EDITOR to a WEB APP | Integrating the TinyMCE HTML Editor into an ANGULAR APP

Опубликовано: 08 Октябрь 2024
на канале: Small Batch Devs
5,448
45

Today we install and integrate a WYSIWYG HTML Editor in our angular blog application. The HTML Editor we chose to integrate is called TinyMCE, but there are many other HTML Editors out there. We also end up changing our Blog Post Model to include some new fields including a field that will make our URLs more "pretty", so that they aren't just a string of random numbers and characters. We hope you enjoy this video and feel free to ask questions in the comment section below.

Check out our website for more great tutorials and content!
https://smallbatchdevs.com

Check out our Podcast!
https://open.spotify.com/show/36eNV2m...

KEEP UP with @smallbatchdevs on SOCIAL MEDIA!
Twitter:   / smallbatchdevs  
Instagram:   / smallbatchdevs  
Facebook:   / small-batch-devs-112906707036301  
Twitch:   / smallbatchdevs  

Check out all our Github Repositories for these episodes:
https://github.com/smallbatchdevs

TinyMCE:
https://www.tiny.cloud/

Github Repo:
https://github.com/smallbatchdevs/6-h...

00:00 Intro
00:35 What is a WYSIWYG Editor?
01:09 Code Montage
03:56 Integrate TinyMCE into the Code
04:29 Install TinyMCE Angular Node Package
04:50 Install TinyMCE Node Package
05:14 Code Montage
07:43 Code Tutorial
11:30 Demo
12:54 Add Prism.js For Code Highlighting
14:45 Demo
15:59 Outro

#tinymce #javascript

► Music by: Dj Quads
• Track Name: Dreams
• SUBSCRIBE to the Official DJ QUads YouTube channel HERE:    / channel  
• Follow Dj Quads on SoundCloud HERE:   / aka-dj-quads  
• Follow Dj Quads on Twitter HERE:   / djquads  
• Follow Dj Quads on Spotify HERE: https://open.spotify.com/artist/2VZrd...
Follow Dj Quads on Instagram HERE:   / djquads  
• Support Dj Quads on Patreon HERE:   / djquads  
• Music released by: Chill Out Records https://goo.gl/fh3rEJ @
www.ChillOutMedia.com / www.LoFi-HipHop.com