webForumDet fria alternativet

radbyte i textarea

HTML & CSS

2 svar · 871 visningar · startad av Biasse

Medlem sedan aug. 2003480 inlägg
Frågan#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>
Medlem sedan juni 20006 031 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>
Medlem sedan aug. 20039 340 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.

271 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)