在发布到 Wordpress 时，在 KnitR 中包装 R 代码块以适应 html 中的宽度

Question

我正在尝试使用 knitr 的 knit2wp() 函数来在 Wordpress 上写博客，如下所述：http://yihui.name/knitr/demo/wordpress/

我的问题是，尽管尝试了各种选项来控制块宽度，包括在块选项中设置 tidy.opts，并调整全局宽度设置（如 here 所示），但我的 R 代码块不会环绕，导致需要横向滚动才能查看的过宽代码块，例如 this。

是否有我遗漏的设置会导致 R 代码块环绕？此外，是否有一个设置可以扩大 Wordpress 中出现的代码块的灰色框？宽度选项似乎都没有任何效果。

这是我的设置块当前的样子：

```{r setup, echo=FALSE}
library(knitr)
opts_knit$set(upload.fun = function(file) imgur_upload(file, key = "xxxx"))
opts_chunk$set(fig.width=5, fig.height=5, fig.align = 'center', cache=TRUE, tidy = FALSE)
````

我也尝试将options(width = 80) 添加到该块中，并在每个块中设置tidy.opts，但这些都没有任何效果。

Answer 1

作为一个肮脏的修复，您可以将 css 文件中的 word-wrap: break-word; 添加到您的 pre 元素中。或者将其嵌入到 html 文件中。

编辑1：

最后的建议在底部。我不是 WP 专家，所以您必须自己制定解决方案。

至于它的外观，您可以在浏览器中尝试。此页面有一个示例。您选择元素，可能会在左侧看到样式。您可以在浏览器中修复它（右键单击，然后在 Chrome 中“检查元素”）以查看它的外观。但是，这不是永久性更改：您更改了本地版本。刷新页面即可恢复原状。

现在我关闭自动换行（最好改为break-word）：

如果您对浏览器内的结果感到满意，可以选择在服务器中进行更改：

1. 如果我们无论如何都玩弄脏了，您可以将样式标签嵌入到您的模板中的某个地方。将其包装在样式标签中（编辑将其删除，因此我无法发布）：

   pre {word-wrap: break-word}

2. 编辑你的 CSS 并创建一个新类或修复你拥有的类。我不确定如何使用 wordpress，但这里有一些信息：https://wordpress.org/support/topic/how-to-edit-css-style-sheet

我认为正确的方法是第二种，但如果您想要尽快获得结果，您可以尝试第一种，因为它看起来更容易。