+ [hidden]="isButtonHidden('undo')" tabindex="-1">
+
+
+ [hidden]="isButtonHidden('redo')" tabindex="-1">
+
+
+ [disabled]="htmlMode" [hidden]="isButtonHidden('bold')" tabindex="-1">
+
+
+ tabindex="-1">
+
+
+ tabindex="-1">
+
+
+
+ tabindex="-1">
+
+
+ tabindex="-1">
+
+
+ tabindex="-1">
+
+
+ tabindex="-1">
+
+
+
+
+ tabindex="-1">
+
+
+ [disabled]="htmlMode" [hidden]="isButtonHidden('indent')" tabindex="-1">
+
+
+ [disabled]="htmlMode" [hidden]="isButtonHidden('outdent')" tabindex="-1">
+
+
+ [hidden]="isButtonHidden('insertUnorderedList')" tabindex="-1">
+
+
+ [hidden]="isButtonHidden('insertOrderedList')" tabindex="-1">
+
+
@@ -101,7 +123,9 @@
+ class="color-label background">
+
+
diff --git a/projects/angular-editor/src/lib/angular-editor-toolbar.component.ts b/projects/angular-editor/src/lib/angular-editor-toolbar.component.ts
index 3307473c..8d19e847 100644
--- a/projects/angular-editor/src/lib/angular-editor-toolbar.component.ts
+++ b/projects/angular-editor/src/lib/angular-editor-toolbar.component.ts
@@ -1,20 +1,20 @@
+import { DOCUMENT } from '@angular/common';
+import { HttpEvent, HttpResponse } from '@angular/common/http';
import {
Component,
- ContentChild,
ElementRef,
EventEmitter,
Inject,
Input,
Output,
- Renderer2, TemplateRef,
+ Renderer2,
ViewChild
} from '@angular/core';
-import {AngularEditorService, UploadResponse} from './angular-editor.service';
-import {HttpResponse, HttpEvent} from '@angular/common/http';
-import {DOCUMENT} from '@angular/common';
-import {CustomClass} from './config';
-import {SelectOption} from './ae-select/ae-select.component';
+import { faAlignCenter, faAlignJustify, faAlignLeft, faAlignRight, faBold, faChainBroken, faCode, faFont, faImage, faIndent, faItalic, faLink, faListOl, faListUl, faMinus, faOutdent, faRedo, faRemove, faStrikethrough, faSubscript, faSuperscript, faUnderline, faUndo, faVideo } from '@fortawesome/free-solid-svg-icons';
import { Observable } from 'rxjs';
+import { SelectOption } from './ae-select/ae-select.component';
+import { AngularEditorService, UploadResponse } from './angular-editor.service';
+import { CustomClass } from './config';
@Component({
selector: 'angular-editor-toolbar',
@@ -109,6 +109,31 @@ export class AngularEditorToolbarComponent {
}
];
+ faUndo = faUndo
+ faRedo = faRedo;
+ faBold = faBold;
+ faItalic = faItalic;
+ faUnderline = faUnderline;
+ faStrikethrough = faStrikethrough;
+ faSubscript = faSubscript;
+ faSuperscript = faSuperscript;
+ faAlignLeft = faAlignLeft;
+ faAlignCenter = faAlignCenter;
+ faAlignRight = faAlignRight;
+ faAlignJustify = faAlignJustify;
+ faIndent = faIndent;
+ faOutdent = faOutdent;
+ faListUl = faListUl;
+ faListOl = faListOl;
+ faFont = faFont;
+ faLink = faLink;
+ faChainBroken = faChainBroken;
+ faImage = faImage;
+ faVideo = faVideo;
+ faMinus = faMinus;
+ faRemove = faRemove;
+ faCode = faCode;
+
customClassId = '-1';
// eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle, id-blacklist, id-match
_customClasses: CustomClass[];
diff --git a/projects/angular-editor/src/lib/angular-editor.module.ts b/projects/angular-editor/src/lib/angular-editor.module.ts
index 7ae573f5..5ae767e7 100644
--- a/projects/angular-editor/src/lib/angular-editor.module.ts
+++ b/projects/angular-editor/src/lib/angular-editor.module.ts
@@ -1,18 +1,27 @@
-import {NgModule} from '@angular/core';
-import {AngularEditorComponent} from './angular-editor.component';
-import {AngularEditorToolbarComponent} from './angular-editor-toolbar.component';
-import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {CommonModule} from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { AeButtonComponent } from "./ae-button/ae-button.component";
import { AeSelectComponent } from './ae-select/ae-select.component';
-import {AeButtonComponent} from "./ae-button/ae-button.component";
import { AeToolbarSetComponent } from './ae-toolbar-set/ae-toolbar-set.component';
+import { AngularEditorToolbarComponent } from './angular-editor-toolbar.component';
+import { AngularEditorComponent } from './angular-editor.component';
+
+import { fab, faHtml5 } from '@fortawesome/free-brands-svg-icons';
+import { fas } from '@fortawesome/free-solid-svg-icons';
@NgModule({
imports: [
- CommonModule, FormsModule, ReactiveFormsModule
+ CommonModule, FormsModule, ReactiveFormsModule, FontAwesomeModule
],
declarations: [AngularEditorComponent, AngularEditorToolbarComponent, AeSelectComponent, AeButtonComponent, AeToolbarSetComponent],
exports: [AngularEditorComponent, AngularEditorToolbarComponent, AeButtonComponent, AeToolbarSetComponent]
})
export class AngularEditorModule {
+ constructor(library: FaIconLibrary) {
+ library.addIconPacks(fas, fab);
+}
}
+
+
diff --git a/projects/angular-editor/src/lib/style.scss b/projects/angular-editor/src/lib/style.scss
index b9a3420a..e4ac92a2 100644
--- a/projects/angular-editor/src/lib/style.scss
+++ b/projects/angular-editor/src/lib/style.scss
@@ -1,5 +1,3 @@
-$fa-font-path: "/assets/fonts" !default;
-@import "~font-awesome/scss/font-awesome.scss";
a {
cursor: pointer;