JSFiddle - React, Tailwind, and code Playground

by kukaew

HTML

<div contenteditable="true" class="txt">
  <p>Должен добавляться "!"</p>
  <p>А здесь не должен.</p>
</div>
<div id="pole"></div>

CSS

p {
	min-height: 24px;
}

JavaScript

$('.txt').focus();
$('.txt').on('input', function() {
	$('#pole').append('!');
});