Hướng dẫn how do you render text in html? - làm cách nào để hiển thị văn bản trong html?

2

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ó dữ liệu này:

{ 
  "text":"
hello
Paragraph text
",
  "type":"bold"
},

Nhưng khi tôi hiển thị nó trong trang của mình, nó hiển thị với các thẻ H2 và P và phong cách. Làm thế nào tôi có thể in biến này và các thẻ cũng hoạt động?

Đây là JS của tôi:

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

Tôi cũng đã thử in nó bên trong một thẻ div và cùng một vấn đề. Bất kỳ suy nghĩ?

Gbouffard

1.1154 huy hiệu vàng10 Huy hiệu bạc24 Huy hiệu đồng4 gold badges10 silver badges24 bronze badges

Đã hỏi ngày 17 tháng 11 năm 2019 lúc 9:13Nov 17, 2019 at 9:13

0

Hãy thử sử dụng DangerouslySetInnerHTML, nó được sử dụng rộng rãi với Gatsby nơi bạn truy vấn đánh dấu cho nội dung.

  {descriere.type === 'bold' ? (
    

      

    

  ) : (
    

      

    

  )}

Đã trả lời ngày 17 tháng 11 năm 2019 lúc 9:22Nov 17, 2019 at 9:22

Dennis Vashdennis VashDennis Vash

45.3K6 Huy hiệu vàng87 Huy hiệu bạc106 Huy hiệu Đồng6 gold badges87 silver badges106 bronze badges

Các yếu tố định dạng HTML.

Thí dụ

Màu sắc yêu thích của tôi là màu xanh lam.

Hãy tự mình thử »

Phần tử HTML

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

Hãy tự mình thử »

Phần tử HTML

{descriere.type === "bold" ? (

{data.text}

) : (

{data.text}

)}

1 xác định văn bản đăng ký. Văn bản đăng ký xuất hiện một nửa ký tự bên dưới dòng thông thường và đôi khi được hiển thị trong một phông chữ nhỏ hơn. Văn bản đăng ký có thể được sử dụng cho các công thức hóa học, như H2O:

Phần tử HTML

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

• Bài tập HTML
• Các phần tử định dạng văn bản HTML
• Nhãn
• Sự mô tả
• - văn bản được đánh dấu
• Xác định văn bản táo bạo
• Xác định văn bản nhấn mạnh & nbsp;
• Xác định một phần của văn bản bằng giọng nói hoặc tâm trạng thay thế
• Xác định văn bản nhỏ hơn
• Xác định văn bản quan trọng

Xác định văn bản đăng ký

Xác định văn bản SuperScripted

Xác định văn bản chèn

Xác định văn bản đăng ký

Xác định văn bản SuperScripted

Xác định văn bản chèn The tag is often used to indicate a technical term, a phrase from another language, a thought, a ship name, etc.

Xác định văn bản đã xóa

Xác định văn bản được đánh dấu/được đánh dấu A screen reader will pronounce the words in with an emphasis, using verbal stress.

Phần tử HTML

Phần tử HTML xác định văn bản nhỏ hơn:

Phần tử HTML

Phần tử HTML xác định văn bản nên được đánh dấu hoặc tô sáng:

Phần tử HTML

Phần tử HTML xác định văn bản đã bị xóa khỏi tài liệu. Trình duyệt thường sẽ tấn công một dòng thông qua văn bản đã xóa:

Phần tử HTML

Phần tử HTML

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}

    {descriere.type === "bold" ? (
    

        {data.text}
    
    ) : (
    

        {data.text}
    
    )}