div 中的段落未使用 CSS 断词

Question

问题：

点这里，Sample Page With CSS Problem and here is a VIDEO说明问题

问题详情：

正在使用 ckeditor 来填充我的内容，但看起来是自动换行与来自 CKEditor...

的 WYSIWYG 冲突

如果我输入 CKEditor 长行，我希望它能顺利自动换行。

但我有的是随机 break-word 适用于我 95% 的案例！

我试过的：

我尝试并研究过，但每次都有案例它在某些情况下不起作用！

Whosebug break-word question

CSS tricks and tips

这可能是浏览器问题还是？

Answer 1

@shareef 你需要删除所有然后你需要使用 word-break: break-word; 在你的 p 标签

Answer 2

将此脚本粘贴到您页面上的任意位置。它将手动删除在 .event-text 容器内的所有元素中找到的所有   字符，并将它们替换为空格。

window.addEventListener('DOMContentLoaded', () => {
    const texts = document.querySelectorAll('.event-text *');
    texts.forEach(text => text.innerText = text.innerText.replace(/\u00a0/g, ' '));
});

这是一个 hack，不是永久的解决方案。我强烈建议您联系 CKEditor 的人员并要求他们进行修复。

有关CKEditor配置的更多其他选项的详细信息，ckeditor unwanted nbsp characters您可以查看

div 中的段落未使用 CSS 断词

Paragraph in div is not breaking word using CSS

html

css

ckeditor