JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<h1>Выдели текст и нажми сонтрол+ентер</h1>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore eligendi in perferendis necessitatibus nam, fugiat sint esse natus? Dolorum vitae autem fugit eveniet commodi officiis, alias aliquid accusantium nesciunt soluta.</div>
<div>Consectetur voluptate commodi quo numquam maxime nemo, similique veritatis hic voluptatem corporis necessitatibus neque obcaecati, unde, ipsa deleniti. Delectus, magni, optio tempora asperiores accusantium aperiam nam laboriosam perferendis nesciunt modi.</div>
<div>Porro explicabo est cumque nemo laboriosam ex dolorum impedit ipsum commodi aliquam, sed dicta fuga ipsa illo cupiditate necessitatibus! Explicabo reprehenderit blanditiis nisi optio minus est ex nobis accusantium enim.</div>
<div>Aliquam dolores asperiores iste dicta amet nemo iusto corporis eveniet delectus deleniti fuga aut optio tenetur praesentium hic quos tempore sapiente placeat, veniam quo. Beatae, exercitationem temporibus ut rerum. Quo.</div>
<div>Error officiis eligendi, deserunt eos magni quidem culpa quos nostrum ipsam ab, doloremque quo neque fuga qui consequuntur iste a laboriosam dicta assumenda, nam, minus. Iste rerum excepturi fuga maxime!</div>
<div>Quae dignissimos aliquam culpa, vero facere dolores esse pariatur, eligendi suscipit, numquam velit dolorum in cumque. Neque aliquam, soluta tenetur natus nisi, rerum voluptate temporibus, laboriosam qui commodi fuga doloremque.</div>
<div>Quas soluta, laborum cumque rerum explicabo eos debitis optio ipsam facilis? Sint, nesciunt earum, laudantium magnam fugit a, iure maxime illo provident facere quisquam assumenda amet harum omnis. Perferendis, nemo?</div>
<div>Distinctio odit beatae facere corrupti debitis laudantium quasi quam amet quis nobis, sequi sed tempora! Ipsum laborum natus perspiciatis earum reprehenderit at est, voluptatem distinctio ex totam sed eius soluta!</div>
<div>Veritatis perspiciatis sapiente, ex aliquid eaque! Quasi molestias dolore...

JavaScript

window.onkeypress = e => {
  const isPosiblyCombination = e.ctrlKey && e.code === 'Enter';
  if(!isPosiblyCombination) { return; }
	const originalText = document.getSelection().toString();
	const fixedText = prompt('Исправьте пожалуйста текст', originalText);
  const body = {originalText,fixedText,url: location.href};
  alert(`Отправляемые данные
  ${JSON.stringify(body,null,2)}`);
  // далее шлём в бекенд fetch(backendUrl, {method:'post', body});
}