2013-09-26 124 views
32

Tôi đang lưu trữ nội dung trong cơ sở dữ liệu, ví dụ:HTML - Chữ cái mới trong nội dung DIV có thể chỉnh sửa được?

Hello 
This 
is 
Text 

và khi tôi vượt qua điều đó với một textarea, nó sẽ nằm với ngắt dòng mới. Nhưng nếu tôi chuyển văn bản đó đến một div có nội dung có thể chỉnh sửa được, nó sẽ giữ nguyên như sau:

Hello This is Text 

Làm cách nào để khắc phục sự cố này?

Trả lời

94

Set một phong cách trên div: white-space: pre hoặc white-space: pre-wrap

Ví dụ: http://jsfiddle.net/fPv6S/

+6

Câu trả lời này xứng đáng để nhiều hơn nữa ngón tay cái-up. Nếu bất kỳ ai cần thông tin về 'không gian trắng' (cá nhân tôi đã đi kèm với 'pre-wrap'): https://developer.mozilla.org/en-US/docs/Web/CSS/white-space – pilau

+1

hoặc thậm chí' trắng -space: pre-line' – RezaRahmati

+0

Kiểu này làm cho dòng đầu ra div là newlines, nhưng nếu bạn sao chép và dán vùng 'contenteditable', các dòng mới sẽ bị bỏ qua. – ceremcem

0

Hãy thử điều này ......

var patt2 = new RegExp("<div>","g"); 
var patt3= new RegExp("</div>","g"); 
var patt4= new RegExp("<br>","g"); 
var z=x.replace(patt2,"\n").replace(patt3,"").replace(patt4,""); 

Điều đó sẽ làm điều đó ...