Hướng dẫn what is carriage return in javascript - ký tự xuống dòng trong javascript là gì

Câu trả lời của Nelek là câu trả lời hay nhất được đăng cho đến nay, nhưng nó dựa vào việc thiết lập giá trị CSS: không gian trắng: pre, có thể không mong muốn.

Tôi muốn đưa ra một giải pháp khác, cố gắng giải quyết câu hỏi thực sự nên được hỏi ở đây:

"Làm thế nào để chèn văn bản không tin cậy vào một phần tử DOM?"

Nếu bạn tin tưởng văn bản, tại sao không sử dụng Internhtml?

domElement.innerHTML = trustedText.replace(/\r/g, '').replace(/\n/g, '
');

nên đủ cho tất cả các trường hợp hợp lý.

Nếu bạn quyết định bạn nên sử dụng .TextContent thay vì .innerhtml, điều đó có nghĩa là bạn không tin vào văn bản mà bạn sắp chèn, phải không? Đây là một mối quan tâm hợp lý.

Ví dụ: bạn có một biểu mẫu mà người dùng có thể tạo một bài đăng và sau khi đăng nó, văn bản bài đăng được lưu trữ trong cơ sở dữ liệu của bạn và sau đó được thêm vào các trang bất cứ khi nào người dùng khác truy cập trang có liên quan.

Nếu bạn sử dụng InnerHTML ở đây, bạn sẽ có một vi phạm bảo mật. tức là, người dùng có thể đăng một cái gì đó như

[script]alert(1);[/script]

.

Điều này sẽ không kích hoạt một cảnh báo nếu bạn sử dụng InternalHTML, nhưng nó sẽ cho bạn ý tưởng tại sao việc sử dụng bên trong có thể có vấn đề. Một người dùng thông minh hơn sẽ đăng

[img src="invalid_src" onerror="alert(1)"]

sẽ kích hoạt cảnh báo cho mọi người dùng khác truy cập trang. Bây giờ chúng tôi có một vấn đề. Một người dùng thậm chí thông minh hơn sẽ đặt hiển thị: không có kiểu IMG đó và làm cho nó đăng cookie của người dùng hiện tại lên một trang web miền chéo. Xin chúc mừng, tất cả các chi tiết đăng nhập người dùng của bạn hiện được phơi bày trên Internet.

Vì vậy, điều quan trọng cần hiểu là, sử dụng Internhtml không sai, thật hoàn hảo nếu bạn chỉ sử dụng nó để xây dựng các mẫu chỉ sử dụng mã nhà phát triển đáng tin cậy của riêng bạn. Câu hỏi thực sự nên là "làm cách nào để nối thêm văn bản người dùng không đáng tin cậy có dòng mới vào tài liệu HTML của tôi".

Điều này đặt ra một câu hỏi: chúng ta sử dụng chiến lược nào cho Newlines? Chúng ta có sử dụng các yếu tố [BR] không? [p] s hoặc [div] s?

Đây là một chức năng ngắn giải quyết vấn đề:

function insertUntrustedText(domElement, untrustedText, newlineStrategy) {
    domElement.innerHTML = '';
    var lines = untrustedText.replace(/\r/g, '').split('\n');
    var linesLength = lines.length;
    if(newlineStrategy === 'br') {
        for(var i = 0; i < linesLength; i++) {
            domElement.appendChild(document.createTextNode(lines[i]));
            domElement.appendChild(document.createElement('br'));
        }
    }
    else {
        for(var i = 0; i < linesLength; i++) {
            var lineElement = document.createElement(newlineStrategy);
            lineElement.textContent = lines[i];
            domElement.appendChild(lineElement);
        }
    }
}

Về cơ bản, bạn có thể ném cái này ở đâu đó trong tệp Common_Functions.js của mình và sau đó chỉ cần bắn và quên bất cứ khi nào bạn cần nối thêm bất kỳ người dùng/API/etc-> văn bản không được tin tưởng (tức là không được viết bởi nhóm phát triển của bạn) Trang HTML của bạn.

Ví dụ sử dụng:

insertUntrustedText(document.querySelector('.myTextParent'), 'line1\nline2\r\nline3', 'br');

Tham số newlineStargety chỉ chấp nhận các thẻ phần tử DOM hợp lệ, vì vậy nếu bạn muốn [br] newlines, hãy vượt qua 'br', nếu bạn muốn mỗi dòng trong một phần tử [p], hãy vượt qua 'p', v.v.

Có nghĩa là gì khi trở về vận chuyển?

\ R Trở lại vận chuyển trong Java là gì?

\ R có nghĩa là gì trong html?

Khóa trả về vận chuyển là gì?