Cómo mover el contenido del primer área de texto al segundo área de texto al hacer clic en el botón P (párrafo). en el botón, haga clic en p, debe agregarse como párrafo en la segunda área de texto. ¿Cómo lograr esto en javascript o jquery? Cómo crear un editor de texto personalizado con el botón de edición y eliminación en línea, aquí la edición en línea es para el segundo contenido del área de texto.
$('#paragraph').on('click', function() { var first_para_text = $('#first_textarea').val(); $('#second_textarea').val(first_para_text); $('#second_textarea').prop('disabled', true); }); $('#edit').on('click', function() { $('#second_textarea').prop('disabled', false); }); $('#reset').on('click', function() { $('#second_textarea').val(''); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="col-md-12"> <div class="col-md-6"> <label>first text area</label> <textarea id="first_textarea"></textarea> </div> <div class="col-md-6"> <label>second text area</label> <textarea id="second_textarea" disabled></textarea> <button id="edit"> Edit </button> <button id="reset"> Reset </button> </div> <hr> <button id="paragraph"> Transfer Text </button> </div>