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

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!

Check out our Podcast!

KEEP UP with @smallbatchdevs on SOCIAL MEDIA!

Check out all our Github Repositories for these episodes:

TinyMCE:

Github Repo:

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
14:45 Demo
15:59 Outro

#tinymce #javascript

► Music by: Dj Quads
• Track Name: Dreams

[ArtemAleksashkin]

Hey guys! I'm working on my blog app and have issues with tinymce. I'm using my own file upload and files widget. And for rendering I'm using ngx-dynamic-hooks for correct render, but I have strange behavior. My be there is some way to tune it correctly? I don't like innerhtml solution because I can write anything to api. So looks like I should filter data on each step. Looks like very complicated for common thing - blog. May be there is some common solution?

[aqkhana]

Please reply me : how can i access editor in controller, let say i wanna add dynamic context menu

[reyryanalvarez]

So, is there a way to add an Angular tag inside the tinymce content ? For example, if I want to add an internal link via "routerLink" is it possible? If so, how ?