1. Home
  2. Articles
  3. 👨🏻‍💻 Remove tag <p> from <pre>

👨🏻‍💻 Remove tag <p> from <pre>

Menghilangkan tag <p> dari <p><pre>code</pre></p> dari option renderRichText.

Ubah kode berikut

[BLOCKS.PARAGRAPH]: (node, children) => 
{
 return <p>{children}</p>;
},

Menjadi seperti ini

[BLOCKS.PARAGRAPH]: (node, children) => 
node.content.some(
 childNode => 
   childNode.nodeType === `text` && 
   childNode.marks.some(
     mark => mark.type === MARKS.CODE)
   ) ? children : 
   <div className="blogpost-text">
     {children}
   </div>

🌐 ryanuiux.com