Thay thế br> bằng javascript dòng mới

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách xóa ngắt dòng khỏi văn bản thông thường bằng cách sử dụng một số mã javascript đơn giản

Nếu bạn đang tìm kiếm các công cụ trực tuyến đã thực hiện việc này thì hãy xem các công cụ này

- Xóa ngắt dòng khỏi văn bản
- Chuyển đổi ngắt dòng văn bản thành ngắt dòng html

Các kiểu ngắt dòng văn bản

Ngắt dòng trong văn bản thường được thể hiện theo ba cách là \r\n hoặc \n hoặc \r. Loại ngắt dòng đầu tiên [\r\n] thường được tạo trên máy tính windows, loại thứ hai [\n] trên Linux và loại ngắt dòng thứ ba [\r] trên máy tính Apple

Để xóa ngắt dòng khỏi văn bản, chúng ta phải xử lý cả ba loại ngắt dòng vì thông thường văn bản của bạn có thể đến từ bất kỳ nguồn nào trong số đó

Mã Javascript để loại bỏ ngắt dòng

Đây là nơi ma thuật javascript xảy ra

//Chúng tôi xác định biến văn bản cần được xóa khỏi ngắt dòng.
Var someText = "Đây là một số văn bản. \n Nó có một số ngắt dòng sẽ bị xóa \r bằng Javascript. \r\n";

//Mã javascript này loại bỏ cả 3 loại ngắt dòng
someText = someText. thay thế[/[\r\n. \N. \r]/gm,""];

Đoạn mã thứ hai với phương thức thay thế javascript loại bỏ cả ba loại ngắt dòng bằng cách sử dụng bit này của biểu thức chính quy. \r\n. \N. \ r. Điều này yêu cầu nó thay thế tất cả phiên bản của \r\n sau đó thay thế tất cả \n hơn là cuối cùng thay thế tất cả \r. Nó đi qua và loại bỏ tất cả các kiểu ngắt dòng khỏi chuỗi văn bản được chỉ định

"gm" ở cuối câu lệnh biểu thức chính quy biểu thị rằng việc thay thế sẽ diễn ra trên nhiều dòng [m] và nó sẽ xảy ra nhiều lần [g]

Chữ "g" trong mã thay thế javascript là viết tắt của "greedy" có nghĩa là việc thay thế sẽ xảy ra nhiều lần nếu có thể. Nếu vì lý do nào đó bạn chỉ muốn thay thế lần xuất hiện đầu tiên được tìm thấy trong chuỗi thì bạn sẽ không sử dụng "g"

Cải thiện mã Javascript để loại bỏ ngắt dòng

Trong nhiều cách sử dụng mã javascript trong thế giới thực, có lẽ tốt hơn là thay thế các ngắt dòng bằng một khoảng trắng thay vì chỉ xóa chúng hoàn toàn

Ví dụ: nếu chúng tôi có một cột văn bản từ pdf và chúng tôi chỉ xóa hoàn toàn ngắt dòng, chúng tôi có thể kết thúc bằng các từ và câu chạy liền nhau và khó đọc như thế này

Đây là một câu. Câu này chạy vào đó và thật không may, chúng tôi đang thiếu một số khoảng trắng

Mà tất nhiên nên đọc như thế này thay vào đó

Đây là một câu. Câu này chạy vào đó và thật không may, chúng tôi đang thiếu một số khoảng trắng

Để làm điều này, chúng tôi sẽ cập nhật ví dụ của mình bằng cách thay thế tất cả các loại ngắt dòng bằng một khoảng trắng như vậy

//JavaScript này thay thế cả 3 loại ngắt dòng bằng dấu cách
someText = someText. thay thế[/[\r\n. \N. \r]/gm," "];

Xóa khoảng trắng thừa khỏi dòng

Bây giờ có thể có những chỗ trong văn bản xuất hiện dấu cách dòng đôi khi chúng ta chỉ muốn có một khoảng trắng. Để xóa tất cả các khoảng trắng thừa, chỉ cần sử dụng mã javascript này sau mã xóa ngắt dòng

//Thay thế tất cả khoảng trắng kép bằng khoảng trắng đơn
someText = someText. thay thế[/\s+/g," "];

Regex javascript này tìm thấy nhiều khoảng trắng và thay thế chúng bằng một khoảng trắng duy nhất

Xóa ví dụ ngắt dòng

Bạn có thể thấy toàn bộ hoạt động bằng cách xem ví dụ hoạt động đơn giản này. javascript loại bỏ ví dụ ngắt dòng

Đó là về nó cho hướng dẫn này. Một dòng javascript đơn giản để xóa các ngắt dòng và thay thế chúng bằng một khoảng trắng và một dòng javascript thứ hai để thay thế nhiều khoảng trắng bằng một khoảng trắng để mọi thứ trông gọn gàng hơn một chút

Method 1: Using Regex, in this example, we are creating a paragraph and a button and on clicking the button we are changing [Adding the
]the text of the paragraph.

We are using the String.replace[] method of regex to replace the new line with
.

chuỗi. replace[] là một phương thức có sẵn trong JavaScript được sử dụng để thay thế một phần của chuỗi đã cho bằng một chuỗi khác hoặc một biểu thức chính quy. Chuỗi ban đầu sẽ không thay đổi

ví dụ 1

HTML

    _______16>9

>4  1

>4  3

>4  5

  6  7____48>

  6