0

Подскажите пожалуйста как доработать текст в переменной 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();">

1
  • 1
    Ничего не понятно. Где поле "многострочный текст"? О каких тэгах речь? В чем вообще проблема и почему не устраивает существующий код? 10 июл 2018 в 10:34

1 ответ 1

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();">

8
  • Спасибо за пример, '/n' полезно, но не все...есть варианты как данному тексту применить шрифт и добавить к примеру ссылки на URL? 10 июл 2018 в 11:01
  • Обновил код, добавил изменение шрифта и его размера. Гиперссылку вы в инпут никак не вставите, эти объекты предназначаются для внесения изменения в текст. Советую смотреть в сторону HTML-редакторов, такие как tinyMCE.
    – user218976
    10 июл 2018 в 11:10
  • Спасибо, но если копирую твой текст и вставляю в Многострочный текст, размер текста и шрифты не применяются, актуальна только сноска "\n". 10 июл 2018 в 11:21
  • @Melvin Это логично, так как за смену там отвечают два фрагмента кода: .css("font-family", "Verdana") и .css("font-size", "20px"). Они задают аттрибуты textarea и в последствии не изменяются.
    – user218976
    10 июл 2018 в 11:50
  • А мне нужна возможность вставки текста с готовыми шрифтами и разметкой в столбец "Многострочный текст". 10 июл 2018 в 12:16

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.