JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable='true' id='editable'>
<p>
Foo <strong>bar</strong> bom.
</p>
</div>

JavaScript

const editable = document.getElementById( 'editable' );

editable.addEventListener( 'paste', ( evt ) => {
	console.log( 'text/html', evt.clipboardData.getData( 'text/html' ) );
  console.log( 'text/plain', evt.clipboardData.getData( 'text/plain' ) );
} );

editable.addEventListener( 'copy', ( evt ) => {
	evt.clipboardData.setData( 'text/html', 'x <strong>y</strong> z' );
  evt.clipboardData.setData( 'text/plain', 'x y z' );
  console.log( evt.clipboardData.getData( 'text/html' ) );
  console.log( evt.clipboardData.getData( 'text/plain' ) );
  event.preventDefault();
} );