import { Component } from '@angular/core';

@Component({
  template: `<h2>Froala Two way Binding</h2>

  <div [froalaEditor] [(froalaModel)]="dataModel"></div>


    {{dataModel}}
  `
})
export class FroalaComponent {
  dataModel:string = `<p>36aaaaa</p><table style="width: 100%;"><thead><tr><th><br></th><th><br></th><th><br></th><th><br></th><th><br></th><th><br></th><th><br></th><th><br></th></tr></thead><tbody><tr><td class="fr-highlighted" style="width: 7.1891%; background-color: rgb(235, 107, 86);"><br></td><td class="fr-highlighted" style="width: 7.1891%; background-color: rgb(184, 49, 47);"><br></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td colspan="2" style="width: 14.2857%;"><br></td><td style="width: 14.2857%;"><table style="width: 100%;"><tbody><tr><td style="width: 16.6667%;"><br></td><td style="width: 16.6667%;"><br></td><td style="width: 16.6667%;"><br></td><td style="width: 16.6667%;"><br></td><td style="width: 16.6667%;"><br></td><td style="width: 16.6667%;"><br></td></tr><tr><td style="width: 16.6667%;"><br></td><td style="width: 16.6667%;"><br></td><td style="width: 16.6667%;"><br></td><td style="width: 16.6667%;"><br></td><td style="width: 16.6667%;"><br></td><td style="width: 16.6667%;"><br></td></tr></tbody></table><br></td><td style="width: 14.2857%; background-color: rgb(61, 142, 185);"><br></td><td style="width: 14.2857%; background-color: rgb(84, 172, 210);">aaa</td><td style="width: 14.2857%;"><br></td><td style="width: 14.2857%;"><br></td><td style="width: 14.2857%;"><br></td></tr><tr><td colspan="2" style="width: 14.2857%;">aa</td><td class="fr-highlighted" style="width: 14.2857%; text-align: right;">aa</td><td style="width: 14.2857%;">aa</td><td style="width: 14.2857%;">aaa</td><td style="width: 14.2857%;"><br></td><td style="width: 14.2857%;"><br></td><td style="width: 14.2857%;"><br></td></tr><tr><td colspan="2" style="width: 14.2857%;">aa</td><td style="width: 14.2857%;">aa</td><td style="width: 14.2857%; background-color: rgb(84, 172, 210);">aa</td><td style="width: 14.2857%;">aaa</td><td style="width: 14.2857%;"><br></td><td style="width: 14.2857%;"><br></td><td style="width: 14.2857%;"><br></td></tr></tbody></table><h1>test</h1><p><span style="font-size: 20px; color: red;">sdasdasdasd</span></p>`
}