Textarea - br 標簽的新行，然后是特殊字符

Question

我有一個帶有以下 ID 的文本區域： #openingHours

文本區域包含信息，例如：

<textarea id="openingHours">
    Mon-Fri 8am - 6pm
    Sat-Sun 9am - 3pm
</textarea>

我想獲取 textarea 的值並用中斷標記替換新行。

Mon-Fri 8am - 6pm<br/>Sat-Sun 9am - 3pm

注意它是如何在一行上完成的。

我怎樣才能做到這一點？ 所有數據必須在同一行上，以
標簽和 html 編碼為特殊字符。

謝謝你。

Answer 1

您可能正在尋找

string htmlEncoded = Server.HtmlEncode(text);

在javascript中做

function htmlEncode(value)
{   
return $('<div/>').text(value).html(); 
}

抱歉，起初沒有看到 javascript。

Answer 2

您可以將\\n替換為<br/>

http://jsfiddle.net/eBHgc/2/

<textarea id="openingHours">
    Mon-Fri 8am - 6pm
    Sat-Sun 9am - 3pm
</textarea>

var content = $('#openingHours').html().replace('\n', '<br/>');

Answer 3

嘗試將以下內容另存為 html 並查看 textarea 中的換行符如何工作，已在 IE 和 Chrome 上測試

<script type="text/javascript">
function changeValue(foo)
{
 var spvNotStr = "line1<br>line2<br>line3<br>"; 
 var mySplitResult = spvNotStr.split("<br>");
    for(i = 0; i < mySplitResult.length; i++){
        
         document.forms[0].elements['foo'].value +=  mySplitResult[i]+'\n';
    }
}
</script>


<form action="#">
<textarea name="foo" rows="10" cols="50"></textarea>
<hr />
<a href="#" onclick="changeValue('bar');">click</a>
</form>