ngx-editor-n/src/app/app.component.html

WYSIWYG Editor for Angular Applications

<div class="container">
  <div class="logo block">
    <img src="assets/icons/ngx-editor.svg" alt="ngx-Editor">
    <h6>A Simple WYSIWYG Editor for Angular 7 Applications.</h6>

    <p>
    <a href="https://github.com/sibiraj-s/ngx-editor"> it is forked from sibiraj-s/ngx-editor </a>
    </p>
    <div class="github-buttons">
      <a class="github-button" href="https://github.com/unosbaghaie" aria-label="Follow @unosbaghaie on GitHub">Follow
        @unosbaghaie</a>
      <a class="github-button" href="https://github.com/unosbaghaie/ngx-editor/fork" aria-label="Fork unosbaghaie/ngx-editor on GitHub">Fork</a>
      <a class="github-button" href="https://github.com/unosbaghaie/ngx-editor" aria-label="Star unosbaghaie/ngx-editor on GitHub">Star</a>
      <a class="github-button" href="https://github.com/unosbaghaie/ngx-editor/issues" data-show-count="true" aria-label="Issue unosbaghaie/ngx-editor on GitHub">Issue</a>
      <a class="github-button" href="https://github.com/unosbaghaie/ngx-editor/archive/master.zip" aria-label="Download unosbaghaie/ngx-editor on GitHub">Download</a>



    </div>
  </div>

  <div class="editor block">
    <app-ngx-editor-n
    [config]="editorConfig"
    [spellcheck]="true"
    [(ngModel)]="htmlContent"
    (ngModelChange)="myChange($event)"></app-ngx-editor-n>
  </div>


<div [innerHTML]="htmlContent"></div>
<br>

<div class="row">

<div class="col">
  <div class="editor block">
    <app-ngx-editor-n
    [inline]="true"
    [inlineText]="inlineText1"
    [config]="editorConfig2"
    [spellcheck]="true"
    [(ngModel)]="inlineHtmlContent1"
    (ngModelChange)="inlineMyChange($event)">
 inline text is here
  </app-ngx-editor-n>
  </div>
  </div>
  <div class="col">
    <div [innerHTML]="inlineHtmlContent1"></div>
  </div>
</div>



<div class="row">

  <div class="col">
    <div class="editor block">
      <app-ngx-editor-n
      [inline]="true"
       [inlineText]="inlineText2"
       [config]="editorConfig2"
        [spellcheck]="true"
        [(ngModel)]="inlineHtmlContent2"
        (ngModelChange)="inlineMyChange($event)"></app-ngx-editor-n>
    </div>
  </div>

  <div class="col">
    <div [innerHTML]="inlineHtmlContent2"></div>
  </div>

</div>




<!-- <div [config]="editorConfig" app-ngx-inline-editor-attr htmlValue='here is a lot of text that I want to enable inline editing'>
  test is here
</div>


<div [config]="editorConfig"  app-ngx-inline-editor-attr htmlValue='sample 2'>

</div> -->


</div>