每55个字符后插入一个Break

Question

I want to insert a line Break after every 55 characters i have made a jquery script but it doesn't work can some one please point me in the right direction

Jquery.js

$(document).ready(function() {
    $('#text_comment').text($(this).val().replace(/([\s\S]{55})/g, '$1<br />'));

});

Index.php

<input type="text" class="comment" id="text_comment"autocomplete="off"time_date="<?php echo $date_shared;?>" 
    username="<?php echo $comment_username;?>"post_id="<?php echo $shared_id2; ?>"placeholder="Write a Comment"/>

Answer 1

Line-breaks are automatically removed from inputs with a type of text.

text: A single-line text field; line-breaks are automatically removed from the input value.

You can use a textarea to display the line breaks:

var myString = '1234567890';
myString = myString.replace(/.{1,2}/g, "$&
"); //replace 2 with 55 for your example

document.getElementById('text').value = myString; // :(
document.getElementById('textarea').value = myString; // :)

<input type="text" id="text"> <-- line-breaks automatically removed
<br>
<textarea id="textarea" rows="7"></textarea>

</div>