Cách giữ khoảng trắng trong nội dung có thể chỉnh sửa div

Question

Tôi đang sử dụng div có thể chỉnh sửa nội dung làm trường để tìm nạp dữ liệu nhập của người dùng trong trang web của tôi. Nhưng vấn đề của tôi là khi tôi nhận được nội dung của div bằng cách sử dụng jquery tất cả các khoảng trắng bị mất mà được nhập bởi người dùng trong div?

Vì vậy, tôi muốn biết có cách nào để bảo toàn tất cả khoảng trắng cho div có thể chỉnh sửa nội dung không?

Cảm ơn

Answer 1

div có khoảng trắng mặc định: bình thường ;. Làm thế nào là nó đi anyway và làm thế nào để bạn có được/lấy nội dung? Tôi nghĩ rằng dòng-chia cũng sẽ là một vấn đề

<div class="input" contenteditable="true">abc 123 def 456</div> 
<button class="get">get</button> 
$('.get').click(function(){alert($('.editable').text());}); 

JSFiddle

Answer 2

Tôi tìm thấy câu trả lời ở đây: http://simonewebdesign.it/blog/how-to-make-browser-editor-with-html5-contenteditable/

phong cách css của bạn cho các yếu tố nội dung có thể chỉnh sửa nên chứa những điều sau đây:

.content_editable_element {

white-space: pre-wrap;  /* css-3 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word;  /* Internet Explorer 5.5+ */ 

}