<p>.innertext保留换行

在 HTML 中，文本内容通常被包含在各种标记（如 <p>、<div>、<span> 等）中。如果想要在保留换行的情况下获取标记中的文本内容，可以使用 innerHTML 属性。例如：

<p id="myParagraph">这是第一行<br>这是第二行</p>

JavaScript 代码：

var myParagraph = document.getElementById("myParagraph");
var textContent = myParagraph.innerHTML;

得到的 textContent 变量的值为：

这是第一行<br>这是第二行

注意，这个值中包含了 HTML 标记 `<br>`，它表示换行。如果想要将这个值中的 `<br>` 替换成实际的换行符，可以使用 JavaScript 的 replace() 方法：

var textContentWithLineBreaks = textContent.replace(/<br>/g, "\n");

这样得到的 textContentWithLineBreaks 变量的值为：

这是第一行
这是第二行

其中的 `\n` 表示换行符。

相关问题

C#保留<p>.innertext换行

在 C# 中，如果需要获取 HTML 标记（如 <p>、<div>、<span> 等）中的文本内容并保留换行，可以使用 HtmlAgilityPack 库。该库提供了一个 HTML 解析器，可以方便地将 HTML 文档加载到内存中，并对其进行操作。

首先需要安装 HtmlAgilityPack 库，可以使用 NuGet 包管理器进行安装。安装完成后，在代码中引入命名空间：

using HtmlAgilityPack;

假设有如下的 HTML 代码：

<p id="myParagraph">这是第一行<br>这是第二行</p>

可以使用以下代码来获取其中的文本内容，并保留换行符：

// 加载 HTML 文档
HtmlDocument doc = new HtmlDocument();
doc.LoadHtml(htmlText);

// 获取 <p> 元素
HtmlNode myParagraph = doc.GetElementbyId("myParagraph");

// 获取 <p> 元素的文本内容，并保留换行符
string textContent = myParagraph.InnerText.Replace("\n", Environment.NewLine);

其中，`htmlText` 是包含 HTML 代码的字符串。`GetElementbyId` 方法可以获取指定 ID 的元素节点。`InnerText` 属性可以获取元素节点的文本内容，而 `Environment.NewLine` 表示换行符，可以保留文本中原有的换行符。

经过上述处理，`textContent` 变量的值为：

这是第一行
这是第二行

即为保留换行的文本内容。

现在有一个输入框，我需要里面的内容展示在一个地方，但是里面输入的内容换行后，回显是没有换行的

当你在前端开发中遇到这种情况，通常是由于文本框（input）的内容默认会被视为一行展示，而非按行回显。要实现在某个位置显示内容时保留原始的换行，你可以尝试以下几种方法：

1. **HTML `<pre>` 标签**：将输入框的值插入到`<pre>`标签内，这个标签会保持文本的格式，包括换行。例如：

   <p>这里显示输入的内容：<pre id="displayArea"></pre></p>

然后在JavaScript里获取输入框值并赋给`displayArea`的innerHTML。

2. **JavaScript的`textContent`或`innerText`**：可以设置一个元素的`textContent`或`innerText`属性来显示带换行的文字。例如：

   const inputBox = document.getElementById('yourInput');
   const displayArea = document.getElementById('displayArea');
   displayArea.textContent = inputBox.value;

3. **使用`white-space: pre-wrap` CSS**：如果你想要动态生成的文本区域支持换行，可以在CSS上应用`white-space: pre-wrap`。例如：

   .display-area {
     white-space: pre-wrap; /* 或者 white-space: -moz-pre-wrap; 对于老版本浏览器 */
   }

以上方法都能帮助你在显示区保持输入内容的换行。记得处理用户在输入框中添加或删除换行的情况，以便实时更新显示内容。