---
title: "radbyte i textarea"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/192011-radbyte-i-textarea"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Biasse"
published: "2014-02-18T13:13:20.000Z"
updated: "2014-02-18T15:40:39.000Z"
replies: 2
views: 885
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/192011-radbyte-i-textarea"
---

# radbyte i textarea

## #1 — Biasse, 2014-02-18T13:13Z

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>
```

Permalänk: https://www.webforum.nu/p/192011

## #2 — Pedda, 2014-02-18T14:04Z

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>
```

Permalänk: https://www.webforum.nu/p/2315479

## #3 — nitro2k01, 2014-02-18T15:40Z

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.

Permalänk: https://www.webforum.nu/p/2315482

---

Tråden på webben: https://www.webforum.nu/amne/html-css/192011-radbyte-i-textarea