草稿 js 代码块文本溢出

Question

我很难尝试防止代码块内的文本溢出。问题似乎只出在代码块上，它忽略了它的父容器宽度。 根据下面的示例，当使用代码块进行编辑时，文本在到达容器末尾时不会换行。

https://codesandbox.io/s/1oqr4xyy6j

Answer 1

您可以将以下内容添加到您的CSS：

pre {
  overflow: hidden;
}

工作示例here。

Answer 2

演示 - https://codesandbox.io/s/r4qx32m8wm

我在 rich-editor.css

中进行了此更改

CSS

.RichEditor-editor .public-DraftStyleDefault-pre pre {
  white-space: normal;
}