Javascript 是否使用荧光笔启用换行？

当我将标记文件呈现为HTML时，我将使用它来突出显示代码

我看到我必须将wrapLines设置为true，这样每条线都有一个跨度父对象。但是，我不知道应该传递给lineProps什么来启用换行

例如，您可以查看此屏幕截图

我也想保留行号

非常感谢你的帮助

根据您可以使用的文档：

lineProps-如果wrapLines为true，则传递到包裹每条线的跨度的支柱。可以是对象，也可以是接收当前行号作为参数并返回props对象的函数

试试这个：

<SyntaxHighlighter
  lineProps={{style: {paddingBottom: 8}}}
  wrapLines={true}
  showLineNumbers={true}
</SyntaxHighlighter>

沙盒代码段：

根据您可以使用的文档：

lineProps-如果wrapLines为true，则传递到包裹每条线的跨度的支柱。可以是对象，也可以是接收当前行号作为参数并返回props对象的函数

试试这个：

<SyntaxHighlighter
  lineProps={{style: {paddingBottom: 8}}}
  wrapLines={true}
  showLineNumbers={true}
</SyntaxHighlighter>

沙盒代码段：

---

这也让我很困惑

包装并不是将代码行包装成预定义的长度或容器宽度

它是关于在一个包含DOM元素中围绕每一行，在一个DOM元素中围绕该行

我想该选项的名称可能应该更改

来源 原版： 拉取请求：

---

这也让我很困惑

包装并不是将代码行包装成预定义的长度或容器宽度

它是关于在一个包含DOM元素中围绕每一行，在一个DOM元素中围绕该行

我想该选项的名称可能应该更改

来源 原版： 拉取请求： 更新：从react syntax highlighter 14.0.0开始，您可以使用道具包装线条将线条包装到下一行

对于14之前的版本： 以下是对我有效的方法–使用wrapLines道具包装每一行，然后使用lineProps为每一行添加自定义样式。尼特什先前的回答有点不对劲。请注意，ShowLineNumber不能以这种方式正确使用文本换行

更新：从react syntax highlighter 14.0.0开始，您可以使用道具包装线条将线条包装到下一行

对于14之前的版本： 以下是对我有效的方法–使用wrapLines道具包装每一行，然后使用lineProps为每一行添加自定义样式。尼特什先前的回答有点不对劲。请注意，ShowLineNumber不能以这种方式正确使用文本换行

---

为我工作！只是一个注释：对于布尔属性，您不需要设置={true}，只需传递它就足够了：``我的NPM下载了13.5.3版本，原因不明，这让我很困惑。为我工作！只是一个注释：对于布尔属性，您不需要设置={true}，只需传递它就足够了：``我的NPM下载了13.5.3版本，原因不明，这让我很困惑。