ngx-editor | 🖋️ Rich Text Editor for angular using ProseMirror | Editor library

This appears to be a known issue https://github.com/RenovoSolutions/ngx-datetimepicker/issues/88

For now downgrading npm install ngx-datetime-picker@2.1.3 --save appears to be the best solution. Not much action on that repo lately.

I was facing the same problem and resolved by removing a package that uses svg.js@2.7.1 !!! From what you discover, this error is caused by the discontinued version of svg.js@2.7.1 !!! Look inside your application that there is a package using this and remove it!

(NOTE: Sorry for possible errors in my writing, I'm Brazilian, I'm having to use Google translator to write this)

The < unexpected character usually means it's receiving HTML, such as in a 404 page or a 500 page. You can try navigating to those URLs and see which it is. Likely, the paths to those files are different between the webserver and ng serve. I would try to find what URL those files are actually hosted at and look into what the recommendation is for setting the proper base href. It has been a while since I've looked at the spec for setting the base href, though this question is recent and seems to cover the topic.

Good luck!

You need to add http:// or https:// when creating your link.

I read the documentation but could not find any way to change the icons

For now my solution is by replacing the (style)classes in the ngAfterViewChecked lifecycle hook.

If you don't use the ngAfterViewChecked lifecycle hook you'll be replacing the classes before they exist. (e.g. they wont be found cause the editor is not in the DOM yet)

I hope this (temporary and ugly) solution works for the time being.

1) Your authguard is redirecting you to login, because you aren't logged in ( inmediatly ) on refresh.

2) About the CLI warning

In your devDependencies you have:

edit-blog.component.ts

First, here is a link to the angular docs concerning forms: Forms Overview in Angular

In Angular, there are two major methods of creating forms - Reactive approach and Template-driven approach. First thing is you have to decide which method you want to employ first.

The reactive method is a programmatic approach, your form is created in your .ts file and synchronised with the HTML form template with the application of directives such as formGroup (in the opening form tag) and formControlName attached to values you set for this in your .ts file and in their respective input tags.

The Template-driven approach is done mainly in your template i.e .html file.... In this case, the directive [ngModel] is used as the formControl and the html "name" attribute is present to help you track the form value in the form object on your console.

To show a preset value in your form however, kindly make up your mind about the approach you want to employ first. For TD Approach - Simply use the HTML attribute "value" and set it to your required value. e.g for username input; value="Benneee".... For Reactive approach - after declaring the FormGroup object's type, in the place of assigning the form object to its defined value and assigning the different formcontrol names, you can do something like this: "username": new FormControl("Benneee");

I hope this does help or at least points you in the right direction.

Bind the data to the innerHTML property to render the dynamic HTML in the view: