fix: add titles for image and link menu item

sibiraj-s · May 13, 2021 · d8de693 · d8de693
1 parent deaa215
commit d8de693
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 2 deletions.
diff --git a/docs/configuration.md b/docs/configuration.md
@@ -47,6 +47,9 @@ NgxEditorModule.forRoot({
     align_justify: 'Justify',
     text_color: 'Text Color',
     background_color: 'Background Color',
+    insertLink: 'Insert Link',
+    removeLink: 'Remove Link',
+    insertImage: 'Insert Image',
 
     // pupups, forms, others...
     url: 'URL',

diff --git a/projects/ngx-editor/src/lib/Locals.ts b/projects/ngx-editor/src/lib/Locals.ts
@@ -21,6 +21,9 @@ const defaults: Record<string, string> = {
   align_justify: 'Justify',
   text_color: 'Text Color',
   background_color: 'Background Color',
+  insertLink: 'Insert Link',
+  removeLink: 'Remove Link',
+  insertImage: 'Insert Image',
 
   // pupups, forms, others...
   url: 'URL',

diff --git a/projects/ngx-editor/src/lib/modules/menu/image/image.component.html b/projects/ngx-editor/src/lib/modules/menu/image/image.component.html
@@ -1,4 +1,4 @@
-<div class="NgxEditor__MenuItem--IconContainer" [innerHTML]="icon | sanitizeHtml" (mousedown)="onMouseDown($event)">
+<div class="NgxEditor__MenuItem--IconContainer" [innerHTML]="icon | sanitizeHtml" (mousedown)="onMouseDown($event)" [title]="getLabel('insertImage')">
 </div>
 
 <!-- popup -->

diff --git a/projects/ngx-editor/src/lib/modules/menu/link/link.component.html b/projects/ngx-editor/src/lib/modules/menu/link/link.component.html
@@ -1,4 +1,4 @@
-<div class="NgxEditor__MenuItem--IconContainer" [innerHTML]="icon | sanitizeHtml" (mousedown)="onMouseDown($event)">
+<div class="NgxEditor__MenuItem--IconContainer" [innerHTML]="icon | sanitizeHtml" (mousedown)="onMouseDown($event)" [title]="title">
 </div>
 
 <!-- popup -->

diff --git a/projects/ngx-editor/src/lib/modules/menu/link/link.component.ts b/projects/ngx-editor/src/lib/modules/menu/link/link.component.ts
@@ -51,6 +51,10 @@ export class LinkComponent implements OnInit, OnDestroy {
     return Icon.get(this.isActive ? 'unlink' : 'link');
   }
 
+  get title(): string {
+    return this.ngxeService.locals.get(this.isActive ? 'removeLink' : 'insertLink');
+  }
+
   get href(): AbstractControl {
     return this.form.get('href');
   }