Froala editor - no data is getting fetch except data on First Line

Question

I have integrated froala but as my question states, i am only able to fetch the data which is on line 1. When i press enter and type anything on line 2, it is not getting fetch.

Below please find image respresentation and my code.

Image of my home.html

js code in home.ts

  onsubmit(value: any) {

    this.TAG = $('#froala-editor_child').html();
    console.log("fetching value2");
    console.log(this.TAG);

home.html code

<div id="froala-editor"><div id="froala-editor_child">Hello, Froala inline!</div></div>
<button (click)="onsubmit(com.value)">Click me</button>

I hope i am able to fully explain my problem. Please guide how can this issue be resolved.

Answer 1

The correct way of getting the edited HTML is by using the editor internal html.get method: https://www.froala.com/wysiwyg-editor/examples/getHTML.