Javascript Textbox Копировать / Вставить Потеря новой строки

Question

Javascript Textbox Копировать / Вставить Потеря новой строки

1

У меня есть сценарий Tampermonkey, который создает список значений из отмеченных флажков на веб-странице. Коробка отображает данные красиво, каждое значение на новой строке ниже другой. Тем не менее, я теряю символы новой строки, когда копирую и вставляю эти значения с помощью буфера обмена Microsoft. Есть ли способ настроить сценарий, чтобы сохранить сохранение символов новой строки (\n)?

JavaScript:

var box = document.createElement( 'div' );
box.id = 'myAlertBox';

document.body.appendChild( box );

box.textContent = text + '\n';

var selectedQueries = document.querySelectorAll (query);

selectedQueries.forEach ( (chkBox) => {
    box.textContent += chkBox.title + '\n';
});

CSS:

#myAlertBox {
    font-size: small;
    background: white;
    border: 5px solid green;
    padding: 4px;
    position: absolute;
    top: 280px; right: 80px;
    max-width: 300px;
    white-space:pre-wrap;
}

JGrant 21 сен. 2017, в 17:09

Источник

0

Новые строки в окнах - это \r\n , так что ... вы можете найти здесь ответ здесь stackoverflow.com/questions/1155678/… если так, то мы можем закрыть как dupe.
Will 21 сен. 2017, в 15:06
0

Возможный дубликат Как заменить все разрывы строк в строке тегами ?
Terry 21 сен. 2017, в 15:09
0

Это потому, что \n является символом разрыва строки, но помните, что в HTML все пробелы обрабатываются как складываемое пространство (если вы не установили white-space: pre ). Если вам нужен разрыв строки в HTML, вам придется преобразовать его в   . Это можно сделать с помощью регулярного выражения.
Terry 21 сен. 2017, в 15:09
0

Данные добавляются в виде текстового содержимого. Нужно ли мне вместо текстового поля переходить на HTML-контент?
JG7 21 сен. 2017, в 15:15

Показать ещё 2 комментария

Теги:

javascript

css

tampermonkey

2 ответа

0

HTML не будет поддерживать \n потому что он будет рассматриваться как пробел. Используйте тег   для разрыва строки.

var box = document.createElement( 'div' );
box.id = 'myAlertBox';

document.body.appendChild( box );

box.textContent = text + '<br/>';

var selectedQueries = document.querySelectorAll (query);

selectedQueries.forEach ( (chkBox) => {
    box.textContent += chkBox.title + '<br/>';
});

Kalaikumar Thangasamy 21 сен. 2017, в 13:09

0

К сожалению, данные добавляются в виде текста в текстовое поле. Это результат: 06481-CT TECHNOLOGIST 002561-CT TECHNOLOGIST (OP) 
JG7 21 сен. 2017, в 15:16
0

если это так, вы должны использовать textarea textbox не textbox . textbox не будет поддерживать новую строку.
Kalaikumar Thangasamy 21 сен. 2017, в 15:20
0

Для textarea вы можете использовать \n
Kalaikumar Thangasamy 21 сен. 2017, в 15:24

Показать ещё 1 комментарий

Ещё вопросы

Новые строки в окнах - это \r\n , так что ... вы можете найти здесь ответ здесь stackoverflow.com/questions/1155678/… если так, то мы можем закрыть как dupe.
Возможный дубликат Как заменить все разрывы строк в строке тегами ?
Это потому, что \n является символом разрыва строки, но помните, что в HTML все пробелы обрабатываются как складываемое пространство (если вы не установили white-space: pre ). Если вам нужен разрыв строки в HTML, вам придется преобразовать его в   . Это можно сделать с помощью регулярного выражения.
Данные добавляются в виде текстового содержимого. Нужно ли мне вместо текстового поля переходить на HTML-контент?
К сожалению, данные добавляются в виде текста в текстовое поле. Это результат: 06481-CT TECHNOLOGIST 002561-CT TECHNOLOGIST (OP) 
если это так, вы должны использовать textarea textbox не textbox . textbox не будет поддерживать новую строку.
Для textarea вы можете использовать \n

JGrant · Accepted Answer · 2017-09-21T13-41-00.000Z

Спасибо всем! Я просто изменил textContent на innerHTML и использовал   поскольку строка прерывается, как было предложено. Вы все коллективно спасли мне много ручного труда.

Рабочий код:

function ParseCheckBoxes (query, text) {

    if (document.getElementById('myAlertBox') !== null) {
        document.getElementById("myAlertBox").outerHTML='';
    }

    var box = document.createElement( 'div' );
    box.id = 'myAlertBox';

    document.body.appendChild( box );

    box.innerHTML = text + '<br/>';

    var selectedQueries = document.querySelectorAll (query);

    selectedQueries.forEach ( (chkBox) => {
        box.innerHTML += chkBox.title + '<br/>';
    });
}