MOBILE-3345 rte: Use h3-h4-h5 instead of h1-h2-h3

Author: dpalou

src/core/editor/components/rich-text-editor/core-editor-rich-text-editor.html

@@ -42,18 +42,18 @@
             </button>
         </ion-slide>
         <ion-slide>
-            <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.h1" (click)="buttonAction($event, 'formatBlock|<h1>')" (mousedown)="stopBubble($event)">
-                <core-icon name="fa-header"></core-icon>1
+            <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.h3" (click)="buttonAction($event, 'formatBlock|<h3>')" (mousedown)="stopBubble($event)">
+                <core-icon name="fa-header"></core-icon>3
             </button>
         </ion-slide>
         <ion-slide>
-            <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.h2" (click)="buttonAction($event, 'formatBlock|<h2>')" (mousedown)="stopBubble($event)">
-                <core-icon name="fa-header"></core-icon>2
+            <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.h4" (click)="buttonAction($event, 'formatBlock|<h4>')" (mousedown)="stopBubble($event)">
+                <core-icon name="fa-header"></core-icon>4
             </button>
         </ion-slide>
         <ion-slide>
-            <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.h3" (click)="buttonAction($event, 'formatBlock|<h3>')" (mousedown)="stopBubble($event)">
-                <core-icon name="fa-header"></core-icon>3
+            <button [disabled]="!rteEnabled" [attr.aria-pressed]="toolbarStyles.h5" (click)="buttonAction($event, 'formatBlock|<h5>')" (mousedown)="stopBubble($event)">
+                <core-icon name="fa-header"></core-icon>5
             </button>
         </ion-slide>
         <ion-slide>

src/core/editor/components/rich-text-editor/rich-text-editor.ts

@@ -88,9 +88,9 @@ export class CoreEditorRichTextEditorComponent implements AfterContentInit, OnDe
         u: 'false',
         strike: 'false',
         p: 'false',
-        h1: 'false',
-        h2: 'false',
         h3: 'false',
+        h4: 'false',
+        h5: 'false',
         ul: 'false',
         ol: 'false',
     };