大佬教程收集整理的这篇文章主要介绍了反应块显示不必要的 br 标签，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在构建代码段块以在 <pre><code> 标签内添加代码。
但是，当查看代码时 - <pre> 标签有不必要的标签。
我的代码段块反应代码
edit({ attributes,setAttributes,isSELEcted }) {
const { text } = attributes;
return (
<Fragment>
<RichText
IDentifIEr="text"
value={text}
placeholder={__('Text')}
onChange={nextText => {
setAttributes({
text: nextText,});
}}
/>
</Fragment>
);
},save({ attributes }) {
const { text } = attributes;
return (
<pre>
{text && (<code>{text}</code> )}
</pre>
);
},};
从古腾堡编辑器插入的代码 - 用于测试。
Python program to illustrate destructor
class employee:
Initializing
def __init__(self):
print('employee created.')
deleting (Calling destructor)
def __del__(self): print('Destructor called,employee deleted.')
obj = employee()
del obj
但是上面的测试片段被拉为：
问题源自 HTML 存储。存储过程中格式错误导致的问题。
@H_280_2@mysqL 中存储的片段。
如何解决这个问题。这样代码就可以在带有换行符的 <pre><code> 块内存储和查看，无需在 <pre> 标签中添加不必要的类
默认情况下，React 会转义您的 HTML，以防止对您网站的跨站点脚本攻击 (XSS)。如果您想发布纯 HTML，您应该在 HTML 元素上使用 dangerouslySeTinnerHTML 道具，并将 innerHTML 作为对象传递，其中键为 __html，值为您想要的 HTML发布。
dangerouslySeTinnerHTML 是 React 在浏览器 DOM 中使用 innerHTML 的替代品。一般来说，从代码中设置 HTML 是有风险的，因为很容易在不经意间将用户暴露给跨站点脚本 (XSS) 攻击。所以，你可以直接从 React 设置 HTML，但是你必须输入危险的SeTinnerHTML 并传递一个带有 __html 键的对象，以提醒自己这是危险的。
因此您可以将代码编写为：
<pre>
{text && ( <code dangerouslySeTinnerHTML={{ __html: text}} /> )}
</pre>
关于自动添加到您的 wp-block-example-snippet 元素的 <pre> 类，您可以通过将其添加到 wordpress 中主题的 function.php 文件来删除它：
function wpassist_remove_block_library_css(){
wp_dequeue_style( 'wp-block-library' );
}
add_action( 'wp_enqueue_scripts','wpassist_remove_block_library_css' );
尽管请注意，这会从您的网站中删除 Gutenberg 自动添加的 CSS 文件：
<link rel='stylesheet' id='wp-block-library-css' href='https://nextseasontv.com/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' />
Gutenberg 使用这些 CSS 库来管理您网站前端的块。如果您不使用它们，您可以按照上述说明删除它们。
以上是大佬教程为你收集整理的反应块显示不必要的 br 标签全部内容，希望文章能够帮你解决反应块显示不必要的 br 标签所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。