Vue 中的 CKEditor 4 - 如何防止断字？
CKEditor 4 in Vue - how to prevent word breaking?
在我的 Vue 项目中，我有一个 CKEditor。它的问题是它会破坏单词而不是破坏 spaces:
在代码检查器中它看起来像这样：
我找不到一种方法让它在 space 上而不是文字上中断。我试图将 white-space: nowrap; 放在主体上（在调试器中，只是为了看看它是否有效），但它只是让所有这些文本出现在一行中。 word-break: keep-all; 什么都没做。
有一件事我必须注意 - 我没有在编辑器组件上定义宽度。它只使用所有可用的 space.
有没有什么方法可以让它断白space而不是文字？有什么建议吗？
找到了某种解决方案，也许对某些人有用。问题出在 个实体上。基本上，CKEditor 会创建一个非常长的字符串，其中没有空格。我通过 运行 以下方法解决了它，该方法在每次内容更改时将所有 替换为常规空格并将内容作为参数传递：
const removeNBSP = (text: String) => {
return text.replace(/ /g, " ")
}
在我的 Vue 项目中，我有一个 CKEditor。它的问题是它会破坏单词而不是破坏 spaces:
在代码检查器中它看起来像这样：
我找不到一种方法让它在 space 上而不是文字上中断。我试图将 white-space: nowrap; 放在主体上（在调试器中，只是为了看看它是否有效），但它只是让所有这些文本出现在一行中。 word-break: keep-all; 什么都没做。
有一件事我必须注意 - 我没有在编辑器组件上定义宽度。它只使用所有可用的 space.
有没有什么方法可以让它断白space而不是文字？有什么建议吗？
找到了某种解决方案，也许对某些人有用。问题出在 个实体上。基本上，CKEditor 会创建一个非常长的字符串，其中没有空格。我通过 运行 以下方法解决了它，该方法在每次内容更改时将所有 替换为常规空格并将内容作为参数传递：
const removeNBSP = (text: String) => {
return text.replace(/ /g, " ")
}