JSFiddle - React, Tailwind, and code Playground

by thvinic

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="body" id="fake_textarea" contenteditable>
rth
rt
sdfsdfsdytytjtyjf</div>
<textarea type="text" id="second"></textarea>

CSS

#fake_textarea {
          -moz-appearance: textfield-multiline;
          -webkit-appearance: textarea;
          border: 1px solid gray;
          font: medium -moz-fixed;
          font: -webkit-small-control;
          height: 28px;
          overflow: auto;
          padding: 2px;
          resize: both;
          width: 300px;
          min-height: 200px;
        }

JavaScript

setTimeout(
 $('#fake_textarea').ready(function(){

      var val = $('#fake_textarea').text();

      val = val.replace(/\n/g, '<br />\n')

      $('#second').val(val);
    })
        , 5000);