added angular fontawesome and removed assets

Author: mohaseebtariq

package.json

@@ -29,7 +29,9 @@
     "@angular/platform-browser": "^13",
     "@angular/platform-browser-dynamic": "^13",
     "@angular/router": "^13",
-    "font-awesome": "^4.7.0",
+    "@fortawesome/angular-fontawesome": "^0.10.2",
+    "@fortawesome/free-brands-svg-icons": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "rxjs": "~6.5.4",
     "tslib": "^2.4.0",
     "zone.js": "~0.11.4"

projects/angular-editor-app/src/app/app.component.html

@@ -9,7 +9,7 @@ <h1>Angular Editor</h1>
                   (blur)="onBlur($event)">
     <ng-template #customButtons let-executeCommandFn="executeCommandFn">
       <ae-toolbar-set>
-        <ae-button iconClass="fa fa-html5" title="Angular editor logo" (buttonClick)="executeCommandFn('insertHtml', angularEditorLogo)"></ae-button>
+        <ae-button [icon]="faHtml5" title="Angular editor logo" (buttonClick)="executeCommandFn('insertHtml', angularEditorLogo)"></ae-button>
       </ae-toolbar-set>
     </ng-template>
   </angular-editor>

projects/angular-editor-app/src/app/app.component.ts

@@ -1,8 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { AngularEditorConfig } from 'angular-editor';
-
 const ANGULAR_EDITOR_LOGO_URL = 'https://raw.githubusercontent.com/kolkov/angular-editor/master/docs/angular-editor-logo.png?raw=true'
+import { faHtml5 } from '@fortawesome/free-brands-svg-icons';
 
 @Component({
   selector: 'app-root',
@@ -13,7 +13,7 @@ export class AppComponent implements OnInit {
   title = 'app';
 
   form: FormGroup;
-
+  faHtml5 = faHtml5
   htmlContent1 = '';
   htmlContent2 = '';
   angularEditorLogo = `<img alt="angular editor logo" src="${ANGULAR_EDITOR_LOGO_URL}">`;

projects/angular-editor-app/src/app/app.module.ts

@@ -5,6 +5,9 @@ import { AppComponent } from './app.component';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {HttpClientModule} from '@angular/common/http';
 import {AngularEditorModule} from '../../../angular-editor/src/lib/angular-editor.module';
+import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
+import { fab } from '@fortawesome/free-brands-svg-icons';
+import { fas } from '@fortawesome/free-solid-svg-icons';
 
 
 @NgModule({
@@ -21,4 +24,6 @@ import {AngularEditorModule} from '../../../angular-editor/src/lib/angular-edito
   providers: [],
   bootstrap: [AppComponent]
 })
-export class AppModule { }
+export class AppModule { 
+
+}