Не получается разметка, созданная в textarea в угловом (6) компоненте

Question

Я новичок в angular (6) и использую плагин summernote на своей странице.Проблема в том, что я получаю простой текст или значение из textarea, но когда я добавляю теги HTML, он ничего не возвращает (используя реактивную форму).Вот код:

var markup = $('#notesum').summernote('code');
$('#noteone').val(markup); //showing text ''

Вот текстовая разметка в xyz.component.html

<textarea id="note1" class="note" formControlName="ques"></textarea>

xyz.component.ts

export class xyzComponent implements OnInit {
  draftForm: FormGroup;
  submitted: Boolean = false;

  constructor(private formBuilder: FormBuilder, private router: Router) { }

  ngOnInit() {
    noteGBar();
    this.draftForm = this.formBuilder.group({
      title: ['', Validators.required],
      description: ['', Validators.required],
      categories: [''],
      ques: ['']
    })
  }

  get f() { return this.draftForm.controls; }

  onSubmit() {
    this.submitted = true;

    if (this.draftForm.invalid) {
      return;
    }
    console.log(this.draftForm);
    this.router.navigate(['/draft-sec-two']);
  }
}

PS: Iпросто хочу получить разметку от текстовой области в угловых 6, как <p>Tool</p>