JSFiddle - React, Tailwind, and code Playground

HTML

<div id="clipboard-input" contenteditable="true">Paste the content here.</div>
<div id="clipboard-output"></div>

CSS

#clipboard-input {
  height: 100px;
  width: 100%;
  background: white;
  border: 1px solid black;
  overflow: scroll;
}
#clipboard-output {
  height: 300px;
  width: 100%
  background: white;
  border: 1px solid black;
}

JavaScript

const container = document.querySelector( '#clipboard-output' );

document.addEventListener( 'paste', evt => {
	const html = evt.clipboardData.getData( 'text/html' );

  container.innerText = html;
} );