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>
2 svar · 869 visningar · startad av Biasse
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>
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>
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.