Javascript 如何在textarea中保持html新行

我正在使用

$("#myText").text($.trim($(this).closest('tr').next('tr').find('.mytext).text()));

但是，尽管有多个新行，但被复制的文本不会将这些行显示为新行，而是将其显示为文本区域中的一行

如果我的文本是

Line 1

Line 2

Line 3 

看起来像是

Line1Line2Line3

---

可能您在表格单元格中输入了如下内容：

Line 1<br/>
Line 2<br/>
Line 3<br/>

第1行

第2行

第3行

或在单独的div中，或在单独的行上拆分它的任何其他方法。 但是

textarea

并不处理所有的html标记，它只显示纯文本。对于分隔线，它使用

\n\r

表示新车道和车厢返回

---

尝试将

替换为

\n\r

。但只有当您在列中的行被

分割时，它才有帮助。可能您在表格单元格中的文本包含如下内容：

Line 1<br/>
Line 2<br/>
Line 3<br/>

第1行

第2行

第3行

或在单独的div中，或在单独的行上拆分它的任何其他方法。 但是

textarea

并不处理所有的html标记，它只显示纯文本。对于分隔线，它使用

\n\r

表示新车道和车厢返回

尝试将

替换为

\n\r

。但只有在列中按

分隔的行使用

$("#myText").html($.trim($(this).closest('tr').next('tr').find('.mytext').text()));

您使用了.text，它只记录它所说的内容：“text”。您需要使用.html来保持格式。

使用

$("#myText").html($.trim($(this).closest('tr').next('tr').find('.mytext').text()));

---

您使用了.text，它只记录它所说的内容：“text”。您需要使用.html来保持格式。

问题可能来自您的修剪功能。你正在修剪所有的新行。为了能够修剪它并在末尾有一个换行符，您可以手动将该换行符放入其中：

$("#myText").text($.trim($(this).closest('tr').next('tr').find('.mytext').text()) + "\r\n");

在回顾了几分钟之后，我不得不同意这将更容易用JSFIDLE进行故障排除。现在还不完全清楚到底发生了什么。我们必须对您如何使用此代码进行大量假设。例如，我们假设

Line 1
Line 2

实际上是

Line 1<br>
Line 2<br>

第1行

第2行

---

实际上，它应该按照您期望的方式工作。

看起来问题可能来自您的修剪功能。你正在修剪所有的新行。为了能够修剪它并在末尾有一个换行符，您可以手动将该换行符放入其中：

$("#myText").text($.trim($(this).closest('tr').next('tr').find('.mytext').text()) + "\r\n");

在回顾了几分钟之后，我不得不同意这将更容易用JSFIDLE进行故障排除。现在还不完全清楚到底发生了什么。我们必须对您如何使用此代码进行大量假设。例如，我们假设

Line 1
Line 2

实际上是

Line 1<br>
Line 2<br>

第1行

第2行

---

你的代码看起来像这样吗？第1行
第2行
第3行
？如果可以格式化html，请尝试按如下方式格式化：

Line 1<br/>
Line 2<br/>
Line 3<br/>

---

替换部分更加丰富，以解决更一般的情况。

您的代码是否与第1行
第2行
第3行
类似？如果可以格式化html，请尝试按如下方式格式化：

Line 1<br/>
Line 2<br/>
Line 3<br/>

---

替换部分更加丰富，以解决更一般的情况。

C'mon这将是一个简单的jsfiddle。当你问问题的时候，你真的需要用它。因为我们看不到你的问题，也无法测试不同的方法，所以我们无法真正抓住你的问题。因此，由于您没有使用示例，所有答案最多只能是猜测，因为没有JSFIDLE我们无法实际测试它们。是的，js FIDLE很好，但我认为这是一个定义明确的问题，因此，FIDLE不是完全必要的。如果他做了一个FIDLE，回答起来会容易得多。这将花费他大约两分钟的时间，这将使我作为回答者的工作更加轻松，因为我有办法使用他的特定源代码测试我的解决方案。提琴很好，但不应该是强制性的，因为如果只是一个没有代码的提琴问题，会有人抱怨他们不得不访问外部链接来回答问题问题以及外部链接可能会改变，从而使问题变得无用etc@martincarlin87，这不是强制性的张贴小提琴，但在这种情况下，它将是有用的，看看他选择的文本（它来自哪里，它是如何格式化的），并尝试不同的可能的解决方案。还要指出和/或解释任何实现或语法错误。理想情况下，问题中应该有一个Fiddle演示和代表性代码：没有相互排斥的规则、Fiddle或代码……我们真的可以，并且希望两者都有。来吧，这将是一个简单的jsfiddle。当你问问题的时候，你真的需要用它。因为我们看不到你的问题，也无法测试不同的方法，所以我们无法真正抓住你的问题。因此，由于您没有使用示例，所有答案最多只能是猜测，因为没有JSFIDLE我们无法实际测试它们。是的，js FIDLE很好，但我认为这是一个定义明确的问题，因此，FIDLE不是完全必要的。如果他做了一个FIDLE，回答起来会容易得多。这将花费他大约两分钟的时间，这将使我作为回答者的工作更加轻松，因为我有办法使用他的特定源代码测试我的解决方案。提琴很好，但不应该是强制性的，因为如果只是一个没有代码的提琴问题，会有人抱怨他们不得不访问外部链接来回答问题问题以及外部链接可能会改变，从而使问题变得无用etc@martincarlin87，这不是强制性的张贴小提琴，但在这种情况下，它将是有用的，看看他选择的文本（它来自哪里，它是如何格式化的），并尝试不同的可能的解决方案。还要指出和/或解释任何实现或语法错误。理想情况下，问题中应该有一个提琴演示和代表性代码：没有相互排斥的规则、提琴或代码……我们真的可以，而且