javascript - 如何在按钮单击 P（段落）时将第一个 textarea 内容移动到第二个 textarea？

Question

如何在按钮单击 P（段落）时将第一个 textarea 内容移动到第二个 textarea。在按钮上单击 p 它应该在第二个文本区域中添加为段落。如何在 javascript 或 jquery 中实现这一点？如何使用内联编辑和删除按钮创建自定义文本编辑器，这里内联编辑用于第二个文本区域内容。

标签： javascriptjquery

Answer 1

$('#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>