Elistan Elistan - 7 days ago 6
HTML Question

Carriage returns for textbox (textarea)

I have a textarea with attribute "wrap"="hard" (actually it's server side textbox, but with multiple text mode).

<asp:TextBox TextMode=MultiLine runat=server ID=txt Width=50 Height=50 class=txtclass />

<asp:Button runat=server ID=btnServer OnClick=btn_Click Width=80 Text="Click server" />

<input type="button" value="Click client" onclick="clientclick();" id="btnClient" style="width: 80px;" />

protected void Page_Load(object sender, EventArgs e)
{
txt.Attributes.Add("wrap", "hard");
}


I enter a text that is wider than the textarea. When I click on client side button the text in alert is without carriage returns (like "111111111").

<script src="jquery-1.5.2.min.js" type="text/javascript"></script>

<script type="text/javascript">

function clientclick() {
alert($('.txtclass').val());
}




When I click on server button while debugging I see that the text has carriage returns (like "11111\r\n1111").

protected void btn_Click(object sender, EventArgs args)
{
var test = txt.Text;
}


The question is how can I get a text with carriage returns on the client side?

Answer

There are a few people who have posted the same question as you before, and general consensus is that there is no simple, out of the box solution. The fix seems to be to walk the string one word at a time and add the newlines in when it would wrap.

Some sample JS is provided in this case - finding "line-breaks" in textarea that is word-wrapping ARABIC text