Как получить элементы разрыва строки из элемента HTML - PullRequest
Новая
       0

Как получить элементы разрыва строки из элемента HTML

0 голосов
/ 09 сентября 2018

Я извлекаю текст из элемента по существу следующим образом: 

var paragraphElement = document.getElementById("para");
var paragraphText = paragraphElement.innerText;

Однако я не знаю, как получить символы разрыва строки из innerText ... или, возможно, innerText теряет эту информацию, и мне нужно получить ее другим способом для извлечения информации?

Ответы [ 2 ]

0 голосов
/ 09 сентября 2018

Есть разрывы строк (как невидимые символы новой строки). Чтобы сделать их видимыми в HTML, необходимо применить white-space: pre-wrap; к элементу, отображающему текст.

Чтобы найти разрывы строк, используйте это регулярное выражение: 

/(\r\n|\n|\r)


text.addEventListener('input', e => {
  test.textContent = text.value.replace(/(\r\n|\n|\r)/gm,"…");
})
#test { white-space: pre-wrap; border : 1px solid #999; min-height: 1em; }
<textarea style="width: 400px; height: 120px" id="text"></textarea>
<h2>Text will show up in the subsequent div when you type</h2>
<div id="test"></div>
0 голосов
/ 09 сентября 2018

innerHTML получает или устанавливает разметку HTML или XML, содержащуюся в элементе.

Вы ищете что-то подобное? Если нет, пожалуйста, дайте мне знать. 

var paragraphElement = document.getElementById("para");
//var paragraphText = paragraphElement.innerText;
var withBreakLines = paragraphElement.innerHTML.split('<br>');
var output='';
for(var i=0;i<withBreakLines.length;i++){
  output = output+withBreakLines[i]+"\\n"+" ";
}
console.log(output);
//document.documentElement.outerHTML
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <p id="para">hfjksdjhiusdfj<br>ginins<br>sdfsdfsd</p>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...