|
|
|
<ng-container>
|
|
|
|
<div
|
|
|
|
*ngIf="record.type === 'paragraph' || record.type === 'header1' || record.type === 'header2' || record.type === 'header3' || record.type === 'header4' || record.type === 'block_code' || record.type === 'click_link'"
|
|
|
|
class="host-host ion-padding"
|
|
|
|
contenteditable="true"
|
|
|
|
(keyup)="onKeyUp($event)"
|
|
|
|
(blur)="record.value=hostContainer.innerHTML"
|
|
|
|
(dblclick)="onHostDblClick()"
|
|
|
|
#hostContainer
|
|
|
|
[ngClass]="{'paragraph': record.type === 'paragraph', 'header1': record.type === 'header1', 'header2': record.type === 'header2', 'header3': record.type === 'header3', 'header4': record.type === 'header4', 'block_code': record.type === 'block_code', 'click_link': record.type === 'click_link'}"
|
|
|
|
[innerHTML]="record.value.replace('\n', '<br>')"
|
|
|
|
></div>
|
|
|
|
<ul
|
|
|
|
*ngIf="record.type === 'ul'"
|
|
|
|
class="host-host ion-padding"
|
|
|
|
>
|
|
|
|
<li
|
|
|
|
contenteditable="true"
|
|
|
|
*ngFor="let line of listLines; let i = index"
|
|
|
|
#liItems
|
|
|
|
(keyup)="onLIKeyUp($event, i)"
|
|
|
|
(blur)="listLines[i]=liItems.innerHTML"
|
|
|
|
[innerHTML]="listLines[i]"
|
|
|
|
></li>
|
|
|
|
</ul>
|
|
|
|
</ng-container>
|