Hướng dẫn dangerouslysetinnerhtml line break - nguy hiểm về ngắt dòng

Question

6

Nội dung chính Show

Cú pháp phá vỡ dòng html cơ bản
Cách chèn các lần ngắt dòng trong địa chỉ
Đây là một ví dụ về một địa chỉ không bị phá vỡ dòng
Đây là một địa chỉ với các lần phá vỡ dòng
Cách thêm các đường ngắt cho các bài thơ
Một bài thơ không bị phá vỡ dòng
Một bài thơ với dòng phá vỡ
Một bài thơ với dòng phá vỡ

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi cần thay thế

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

5 thành

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

6. Nhưng nó đang lấy cái này như trong văn bản.

Làm thế nào tôi có thể làm điều đó mà không cần sử dụng

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

7?

mik01aj

11.4K14 Huy hiệu vàng73 Huy hiệu bạc114 Huy hiệu đồng14 gold badges73 silver badges114 bronze badges

Đã hỏi ngày 23 tháng 6 năm 2015 lúc 11:04Jun 23, 2015 at 11:04

Hướng dẫn dangerouslysetinnerhtml line break - nguy hiểm về ngắt dòng

1

Chèn văn bản như bình thường và sửa lỗi phá vỡ dòng với CSS:

white-space: pre-wrap;

Đừng sử dụng

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

7 trừ khi bạn thực sự phải. use

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

7 unless you really have to.

Đã trả lời ngày 26 tháng 1 năm 2016 lúc 13:39Jan 26, 2016 at 13:39

mik01ajmik01ajmik01aj

11.4K14 Huy hiệu vàng73 Huy hiệu bạc114 Huy hiệu đồng14 gold badges73 silver badges114 bronze badges

1

Đã hỏi ngày 23 tháng 6 năm 2015 lúc 11:04

Chèn văn bản như bình thường và sửa lỗi phá vỡ dòng với CSS:

Đừng sử dụng

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

7 trừ khi bạn thực sự phải.Jun 23, 2015 at 11:28

Đã trả lời ngày 26 tháng 1 năm 2016 lúc 13:39Chris Hawkes

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

6 gold badges52 silver badges62 bronze badges

4

Sau khi thay thế văn bản này, bạn sẽ cần sử dụng DangeroSsetInnerHTML để hiển thị nó dưới dạng HTML.

render: function() {
  var lines = this.props.text.split("\\n").map(function(line, n){
      return (n == 0) ? [line] : [
, line];
  });
  return {lines};
}

Đã trả lời ngày 23 tháng 6 năm 2015 lúc 11:28you're sure that your text is safe from XSS, I would recommend to stick with

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

7 and a regex replace like Chris Hawkes said.

mik01aj

11.4K14 Huy hiệu vàng73 Huy hiệu bạc114 Huy hiệu đồng14 gold badges73 silver badges114 bronze badges

Đã hỏi ngày 23 tháng 6 năm 2015 lúc 11:04Jun 23, 2015 at 14:58

Chèn văn bản như bình thường và sửa lỗi phá vỡ dòng với CSS:Victor

Đừng sử dụng

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

7 trừ khi bạn thực sự phải.8 silver badges22 bronze badges

Đã trả lời ngày 26 tháng 1 năm 2016 lúc 13:39

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

Sau khi thay thế văn bản này, bạn sẽ cần sử dụng DangeroSsetInnerHTML để hiển thị nó dưới dạng HTML.

Đã trả lời ngày 23 tháng 6 năm 2015 lúc 11:28Oct 10, 2019 at 13:20

Nếu bạn đang tự hỏi tại sao có một dấu gạch chéo về phía trước trong thẻ

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

6 ở trên, thì việc cắt giảm rất quan trọng khi HTML4 vẫn được sử dụng rộng rãi. Với HTML5, bạn không cần phải chém vào đó nữa. Nhưng cả hai sẽ làm điều tương tự. Do not use the

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

6 tag to force a space between block-level elements (


     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

2,


     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

3,


     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

3,


     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

5,


     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

6, etc). Instead, use the CSS margin property.Show

Cú pháp phá vỡ dòng html cơ bản
Cách chèn các lần ngắt dòng trong địa chỉ
Đây là một ví dụ về một địa chỉ không bị phá vỡ dòng
Đây là một địa chỉ với các lần phá vỡ dòng
Cách thêm các đường ngắt cho các bài thơ
Một bài thơ không bị phá vỡ dòng
Một bài thơ với dòng phá vỡ
Một bài thơ với dòng phá vỡ

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách chèn các lỗi dòng trong mã HTML của bạn với một số ví dụ "có và không có", để bạn có thể bắt đầu sử dụng nó một cách chính xác và định dạng văn bản của bạn tốt hơn.

Cú pháp phá vỡ dòng html cơ bản
Cách chèn các lần ngắt dòng trong địa chỉ
Đây là một ví dụ về một địa chỉ không bị phá vỡ dòng
Đây là một địa chỉ với các lần phá vỡ dòng
Cách thêm các đường ngắt cho các bài thơ
Một bài thơ không bị phá vỡ dòng
Một bài thơ với dòng phá vỡ

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách chèn các lỗi dòng trong mã HTML của bạn với một số ví dụ "có và không có", để bạn có thể bắt đầu sử dụng nó một cách chính xác và định dạng văn bản của bạn tốt hơn.

Cú pháp phá vỡ dòng html cơ bản

Cách chèn các lần ngắt dòng trong địa chỉ

Đây là một ví dụ về một địa chỉ không bị phá vỡ dòng

Đây là một địa chỉ với các lần phá vỡ dòng

Cách thêm các đường ngắt cho các bài thơ

Một bài thơ không bị phá vỡ dòng

Cách chèn các lần ngắt dòng trong địa chỉ

Đây là một ví dụ về một địa chỉ không bị phá vỡ dòng

Đây là một địa chỉ với các lần phá vỡ dòng


     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

Cách thêm các đường ngắt cho các bài thơ

body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    font-size: 3rem;
    max-width: 1000px;
    margin: 0 auto;
}

Một bài thơ không bị phá vỡ dòng

Đây là một địa chỉ với các lần phá vỡ dòng

Cách thêm các đường ngắt cho các bài thơ


    The White House 

    1600 Pennsylvania Avenue 

    NW Washington, DC 

    20500 

    USA

Một bài thơ không bị phá vỡ dòng

Cách thêm các đường ngắt cho các bài thơ

Một bài thơ không bị phá vỡ dòng

Một bài thơ với dòng phá vỡ

Một bài thơ không bị phá vỡ dòng


      I dabbled around a lot when I decided to learn to code 
      I went from A to Z with resources 
      When I decided to make my own things 
      I discovered I've been in the old all while 
      So I remained a novice in coding 
      But then I found freeCodeCamp 
      I got my hands on the platform 
      I went from novice to ninja in coding 
     And now I'm a camper for life

Một bài thơ không bị phá vỡ dòng

Một bài thơ với dòng phá vỡ


      I dabbled around a lot when I decided to learn to code 

      I went from A to Z with resources 

      When I decided to make my own things 

      I discovered I've been in the old all while 

      So I remained a novice in coding 

      But then I found freeCodeCamp 

      I got my hands on the platform 

      I went from novice to ninja in coding 

      And now I'm a camper for life

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách chèn các lỗi dòng trong mã HTML của bạn với một số ví dụ "có và không có", để bạn có thể bắt đầu sử dụng nó một cách chính xác và định dạng văn bản của bạn tốt hơn.

body {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100vh;
   font-size: 2.5rem;
   max-width: 1000px;
   margin: 0 auto;
}

Bạn có thể chèn ngắt dòng trong HTML với thẻ

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

6, tương đương với việc trả lại vận chuyển trên bàn phím.

Xin lưu ý rằng HTML sẽ bỏ qua bất kỳ lỗi nào từ phím trả về bàn phím.

Nếu bạn đang tự hỏi tại sao có một dấu gạch chéo về phía trước trong thẻ

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

6 ở trên, thì việc cắt giảm rất quan trọng khi HTML4 vẫn được sử dụng rộng rãi. Với HTML5, bạn không cần phải chém vào đó nữa. Nhưng cả hai sẽ làm điều tương tự. Do not use the
var yourNewValueWithBr = yourOldValue.replace(/\n/g," ");
6 tag to force a space between block-level elements ( Do not use the

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

6 tag to force a space between block-level elements (


     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

2,


     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

3,


     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

3,


     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

5,


     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

6, etc). Instead, use the CSS margin property.

Nếu bạn đang sử dụng một định dạng mã như đẹp hơn, nó sẽ luôn chèn vào chém khi bạn lưu hoặc dán ngay cả khi bạn không đặt nó vào đó.

QUẢNG CÁO

Một bài thơ không bị phá vỡ dòng

Một bài thơ với dòng phá vỡ

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách chèn các lỗi dòng trong mã HTML của bạn với một số ví dụ "có và không có", để bạn có thể bắt đầu sử dụng nó một cách chính xác và định dạng văn bản của bạn tốt hơn.

Bạn có thể chèn ngắt dòng trong HTML với thẻ

var yourNewValueWithBr = yourOldValue.replace(/\n/g,"
");

6, tương đương với việc trả lại vận chuyển trên bàn phím.

Xin lưu ý rằng HTML sẽ bỏ qua bất kỳ lỗi nào từ phím trả về bàn phím.

programming html React break line dangerouslySetInnerHTML in React dangerouslySetInnerHTML without div &Nbsp React

Hướng dẫn dangerouslysetinnerhtml line break - nguy hiểm về ngắt dòng

Cú pháp phá vỡ dòng html cơ bản

Cách chèn các lần ngắt dòng trong địa chỉ

Đây là một ví dụ về một địa chỉ không bị phá vỡ dòng

Đây là một địa chỉ với các lần phá vỡ dòng

Cách thêm các đường ngắt cho các bài thơ

Một bài thơ không bị phá vỡ dòng

Một bài thơ với dòng phá vỡ

Một bài thơ với dòng phá vỡ

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội