星空策

1、问题：

百度富文本Ueditor内容块里面溢出撑破栅格系统，文本内容没有根据上级DIV宽度进行自动换行。

2、原因：

使用百度富文本复制文本到富文本时候，p标签下span标签自动加上样式  text-wrap-mode: nowrap; 导致文本撑破上级栅格系统宽度。

3、解决办法：

查看了一下网上的文档，试了几种方式但没有发现什么解决办法，看Ueditor文档，也没处理办法，所以不在富文本编辑添加处理了，直接在展示页面上处理。

具体解决代码，比如在文章详情HTML这里，加上以下JavaScript代码，移除百度富文本p标签下span标签自动加上样式  text-wrap-mode：

<script>
    // 选择特定ID的<div>内的所有<p>标签
    const paragraphs = document.querySelectorAll('#article_content p span');
    //article_content 是我的 内容展示div 的 ID,可以把此 换成你的
    
    // 遍历每个<p>标签，并移除指定的类
    paragraphs.forEach(p => {
        //text-wrap-mode: nowrap;
        p.style.removeProperty('text-wrap-mode');
    });
</script>

4、测试

详情页面通过加上了上面的JavaScript代码，内容块正常，不再撑破布局。