Fix for rich text editor native contenteditable div etc

gistfile1.txt

onKeyUp(event) {
    const div = this.textarea.nativeElement;
    const firstChild = div.firstChild;
    const lastChild = div.lastChild;

    if (
      event.keyCode === 13
      && !event.shiftKey
      && firstChild.nodeName.toLowerCase() !== 'p'
    ) {

      const content = div.innerHTML;
      const firstPIndex = content.indexOf('<p>'); // there always be a <p> because of keyCode 13

      while(div.hasChildNodes()){ // remove all because b or u tags etc will not be in first child
        div.removeChild(div.lastChild);
      }

      const p: HTMLParagraphElement = document.createElement('p');
      p.innerHTML = content.slice(0, firstPIndex);
      div.insertBefore(lastChild, div.firstChild);
      div.insertBefore(p, div.firstChild);

      const selection = window.getSelection();
      selection.collapse(div.lastChild, div.lastChild.length); // set cursor to end
    }
  }