Вставка в поле “Многострочный текст”

156

30 августа 2018, 08:30

Подскажите пожалуйста как доработать текст в переменной var dummyContent с помощью JS или JQuery, чтобы его можно было через copy\past кодом вставить в поле "Многострочный текст", при этом чтобы текст добавлялся нормально, с тегами и сохранялся. не судите строго, много примеров перебрал, ничего не подходит. Код:

function copy() { 
  var dummyContent = 'Hello world'; 
  var dummy = $('<input>').val(dummyContent).appendTo('body').select() 
  document.execCommand('copy') 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="button" id="Copyitem" value="Копировать текст" onclick="copy();">

Answer 1

Используйте textarea для многострочного инпута и символ новой строки '\n' внутри строки:

function copy() { 
  var dummyContent = 'Hello world\nWorld hello'; 
  var dummy = $('<textarea>') 
      .val(dummyContent) 
      .css("font-family", "Verdana") 
      .css("font-size", "20px") 
      .appendTo('body').select() 
  document.execCommand('copy') 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="button" id="Copyitem" value="Копировать текст" onclick="copy();">