fixa radbrytning vid preview

2 svar · 385 visningar · startad av Frexuz 14 juni 2007

FrexuzMedlem sedan maj 2003138 inlägg

14 juni 2007 17:07#1

<textarea id="previewMessage" onkeyup="codePreview();"></textarea>

function codePreview()
{
	if (document.getElementById('previewMessage').value != "")
	{
		txt = document.getElementById('previewMessage').value;
		document.getElementById('preview').innerHTML = txt;
	}
	else
	{
		document.getElementById('preview').innerHTML = "";
	}
	document.getElementById('previewMessage').focus();
}

<div id="preview">&nbsp;</div>

Här är all nödvändig kod. Dvs så fort något ändras i min textarea så ska min previewDIV uppdateras. MEN alla mina radbrytningar i formuläret blir bara mellanslag i DIV'en. Har provat med txt.replace("\n","<br />") men fungerar inte. Hur fixas detta?

colioneMedlem sedan juni 20014 421 inlägg

14 juni 2007 17:14#2

<!doctype html>

<script>
function codePreview()

{

	if (document.getElementById('previewMessage').value != "")

	{

		txt = document.getElementById('previewMessage').value.replace(/\n/g,"<br />");

		document.getElementById('preview').innerHTML = txt;

	}

	else

	{

		document.getElementById('preview').innerHTML = "";

	}

	document.getElementById('previewMessage').focus();

}
</script>

<textarea id="previewMessage" onkeyup="codePreview();"></textarea>

<div id="preview">&nbsp;</div>

FrexuzMedlem sedan maj 2003138 inlägg

14 juni 2007 17:18#3

tack funkar.