webForumDet fria alternativet

radbyte i textarea

2 svar · 869 visningar · startad av Biasse

BiasseMedlem sedan aug. 2003480 inlägg
#1

Hur kan jag tvinga fram ett radbyte efter max 75 tecken i en textarea? Det skrivs in långa nycklar som hamnar utanför område när det visas.

<textarea name="text" rows="10" cols="75" id="text"></textarea>
PeddaMedlem sedan juni 20006 032 inlägg
#2

Du får använda javascript

<p>
  <textarea cols="80" rows="20" id="output">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tempus vehicula ante, in rutrum nisl dapibus nec. Integer sollicitudin, mauris ut venenatis interdum, diam tellus auctor lacus, porta interdum odio magna a lacus. Vestibulum sem dolor, ultrices et blandit et, placerat porta velit. Aenean vehicula pharetra orci vitae ornare. Ut in interdum orci. Nulla libero odio, rutrum eu tincidunt ut, sodales vel lacus. Vestibulum congue eros eget convallis sagittis. Vivamus egestas turpis neque, ac facilisis dui accumsan id. Sed ligula neque, malesuada nec adipiscing non, interdum vitae dolor. Proin laoreet at odio eu rhoncus. Sed dignissim arcu ac tristique luctus. Vestibulum vel lacus nisl. Pellentesque non vulputate neque, et ultrices mi. Curabitur elementum mauris urna, eget elementum est faucibus sit amet. </textarea>
</p>
<p>
  <input type="submit" name="btn" id="btn" value="Wrap" onclick="wraptext()" />
</p>
<script>
function wraptext() {
	var text = document.getElementById('output').value;
  	tempArray = text.split("\n"), outputArray = [];
	document.getElementById('output').value = '';
	for (var i = 0, len = tempArray.length; i < len; i++) {
   		var line = tempArray[i].split(" "), num = 0;
    	for (var j = 0, jLen = line.length; j < jLen; j++) {
     	  
			num += line[j].length + 1;
			if (num >= 75) {
				num = 0;
				outputArray[outputArray.length] = "\n";
			} else {
				outputArray[outputArray.length] = " ";
			}
			outputArray[outputArray.length] = line[j];
		}
    	outputArray[outputArray.length] = "\n";
  	}
  	document.getElementById('output').value = outputArray.join("")
}
</script>
nitro2k01Medlem sedan aug. 20039 342 inlägg
#3

Näe, den tor jag inte mycket på Pedda. TS kanske faktiskt inte vill ha in radbrytningar i datat, men ändå kunna se hela nyckeln.
Lägg till text-wrap:unrestricted; word-wrap:break-word; i CSS för textarean ifråga, är mitt förslag.

127 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)