JSFiddle - React, Tailwind, and code Playground

HTML

<div class="name editable">Иван</div>
<div class="city editable">Москва</div>

CSS

.active {
  background: white;
}

JavaScript

$('.editable')
  .on('dblclick', editStart)
  .on('blur', editEnd)
  .on('keypress', function(evt){
    if (evt.keyCode === 13) editEnd(evt);
  })

function editStart(evt) {
  evt.target.contentEditable = true;
  evt.target.classList.add('active');
  evt.target.focus();
}

function editEnd(evt) {
  evt.target.contentEditable = false;
  evt.target.classList.remove('active');
}