Как извлечь текст из элемента textarea, включая символы табуляции и переноса строки?

Как можно сохранить пробелы и табуляцию, когда пользователь вводит текст в textarea и затем этот текст выводится на экран?
  • 21 августа 2024 г. 15:33
Ответы на вопрос 1
Для извлечения текста из элемента textarea, включая символы табуляции и переноса строки, можно использовать свойство `value` элемента textarea. Например, чтобы извлечь текст из элемента с id "myTextarea", можно написать следующий код на JavaScript:

```javascript
const textarea = document.getElementById("myTextarea");
const text = textarea.value;
console.log(text);
```

Чтобы сохранить пробелы и табуляцию при выводе текста на экран, можно использовать CSS свойство `white-space` с значением `pre-wrap`. Например, если у вас есть элемент для вывода текста с id "output", то можно сделать следующим образом:

```html
<style>
    #output {
        white-space: pre-wrap;
    }
</style>

<div id="output"></div>

<script>
    const textarea = document.getElementById("myTextarea");
    const text = textarea.value;
    const outputDiv = document.getElementById("output");
    outputDiv.textContent = text;
</script>
```

Таким образом, при выводе текста на экран с использованием элемента с CSS свойством `white-space: pre-wrap`, все пробелы и табуляции будут сохраняться и отображаться корректно.
Похожие вопросы