JSFiddle - React, Tailwind, and code Playground

HTML

<div id="input" contenteditable="false">入力エリア</div>
<button type="button">クリックで入力可能</button>
<div id="output">入力の反映</div>

JavaScript

$(function(){

  /*
  入力を可能にする
  */
  $('body').on("click",'button',function(){ 
    $("#input").attr('contenteditable',true);
  });

  /* 
  入力内容を反映する
  */
  // IEの場合
  if(window.navigator.userAgent.toLowerCase().indexOf('msie') != -1) {
    $("#input").keyup(function(){
      var inputTxt = $("#input").text();
      $("#output").text(inputTxt);
    });
  // その他ブラウザの場合
  }else{
    $("#input").on('input',function(){
      var inputTxt = $("#input").text();
      $("#output").text(inputTxt);
    });
  }
  
});