JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<span>Блок 1. Допустим, вы обнаружили страницу с утверждением, что "котята Маши ужасны". </span><span>Блок 2. Затем текст на сайте был изменен, и теперь там говорится, что "котята Маши прелестны".</span><span>Блок 3.</span>

JavaScript

$('span').click(function() {
    if($(this).hasClass('edit')) {
        $(this).removeClass('edit');
        $(this).html($('textarea', this).val());
    } else {
        //$('span').removeClass('edit');
        $(this).addClass('edit');
        $(this).html('<textarea>' + $(this).html() + '</textarea>');
        $('textarea', this).focus();
    }
    
});