在Javascript中從textarea中刪除或隱藏html標簽

Question

我使用json檢索了一個textarea的主體，但由於之前設置了一些樣式，文本似乎帶有html標簽。

如果沒有這些html標簽，我怎么能在新的textarea上顯示這些文本行？ 我不想完全擺脫它們，因為我仍然希望保留樣式以備將來使用。

Answer 1

您需要從textarea中轉義傳入字符串中的html標記。 通過像/<(.|\\n)*?>/的正則表達式，您可以找到打開的html標簽，並使用/<(\\/.|\\n)*?>/您可以找到結束標簽。

這是我的例子：

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />

</head>
<body>
  <textarea id="input">
    <p>This is html</p>
  </textarea>
  <textarea id="output">

  </textarea>

JavaScript的

var input = document.getElementById('input'),
    output = document.getElementById('output');
output.value = input.value.replace(/<(.|\n)*?>/, '').replace(/<\/(.|\n)*?>/, '');

住在： JSBin

您可能希望使用此正則表達式檢測結束標記，例如/> ：/ /\\/(.|\\n)*?>/ /> .| /\\/(.|\\n)*?>/ />

Answer 2

 textarea{width:100%;min-height:75px}

 <textarea id="input"> <p>This is html</p> <p>This is html</p> <p>This is html</p> </textarea> <button onClick="removeTags()">Remove</button> <textarea id="output"></textarea> <script> function removeTags(){ var input = document.getElementById('input'); var output = document.getElementById('output'); output.value = input.value.replace(/(<([^>]+)>)/ig,""); } removeTags(); </script>

在Javascript中從textarea中刪除或隱藏html標簽

問題描述

2 個解決方案

解決方案1
2 2012-01-03 09:32:09

HTML

JavaScript的

解決方案2
0 2019-05-10 06:37:58

在Javascript中從textarea中刪除或隱藏html標簽

問題描述

2 個解決方案

解決方案1 2 2012-01-03 09:32:09

HTML

JavaScript的

解決方案2 0 2019-05-10 06:37:58

解決方案1
2 2012-01-03 09:32:09

解決方案2
0 2019-05-10 06:37:58