Implementaiton of h1, h2, h3 and link button on publication editor.

This commit is contained in:
Florian THIERRY
2024-08-30 18:01:29 +02:00
parent 51af25666d
commit b84ba15f4c
3 changed files with 132 additions and 36 deletions
@@ -29,19 +29,19 @@
</div>
<div class="actions">
<button type="button" disabled matTooltip="Click to insert a title 1 section">
<button type="button" matTooltip="Click to insert a title 1 section" (click)="insertTitle(1)">
H1
</button>
<button type="button" disabled matTooltip="Click to insert a title 2 section">
<button type="button" matTooltip="Click to insert a title 2 section" (click)="insertTitle(2)">
H2
</button>
<button type="button" disabled matTooltip="Click to insert a title 1 section">
<button type="button" matTooltip="Click to insert a title 1 section" (click)="insertTitle(3)">
H3
</button>
<button type="button" disabled matTooltip="Click to insert a picture">
<mat-icon>image</mat-icon>
</button>
<button type="button" disabled matTooltip="Click to insert a link">
<button type="button" matTooltip="Click to insert a link" (click)="insertLink()">
<mat-icon>link</mat-icon>
</button>
<button type="button" disabled matTooltip="Click to insert a code block">
@@ -53,7 +53,14 @@
</div>
<mat-form-field class="example-form-field">
<mat-label>Content</mat-label>
<textarea matInput formControlName="text" class="text-input"></textarea>
<textarea
#textArea
matInput
formControlName="text"
class="text-input"
(keyup)="updateCursorPosition($event)"
(click)="updateCursorPosition($event)">
</textarea>
</mat-form-field>
</div>
</mat-tab>