bbPress 的后台编辑话题页面，回复宽度超出容器撑破页面布局

在 bbPress 的后台编辑话题页面中，回复内容是直接以 HTML 格式渲染出来的，这就导致其中包含的图片（如 <img> 标签）没有受控样式，默认宽度可能超出容器，影响页面布局。

你可以通过 后台自定义 CSS 的方式，为这些图片增加最大宽度限制，使它们不会撑破后台页面。

✅ 解决方法：限制后台编辑页面中的回复图片宽度

将以下代码添加到你的主题的 functions.php 文件中：

###################// 在后台添加自定义样式，限制 bbPress 回复中的图片宽度
add_action('admin_head', function () {
    $screen = get_current_screen();
    if ($screen && $screen->post_type === 'topic') {
        echo '<style>
            td.column-bbp_reply_content img {
                max-width: 100% !important;
                height: auto !important;
                display: block;
            }
            td.column-bbp_reply_content {
                word-break: break-word;
            }
        </style>';
    }
});

🔍 原理说明

• get_current_screen()：获取当前后台页面信息；

• $screen->post_type === ‘topic’：确保仅在编辑话题（bbPress）时生效；

• .bbp-admin-reply-content img 是一个假设的选择器，如果你的回复内容被输出在其他容器中，你可以用浏览器 F12 检查实际类名，再替换上面样式中的选择器；

• max-width: 100%：让图片不会超过容器宽度；

• display: block 解决内联图像对齐问题。

✅ 如果你找不到对应容器类名

你也可以用一个更宽松的通配方式：

.edit-post-visual-editor img,
.wp-admin .wp-editor-container img {
    max-width: 100% !important;
    height: auto !important;
}

不过推荐还是通过具体选择器精准定位，避免影响其他后台页面。

如需我帮你确认实际的容器类名，你可以复制该页面 HTML 源码中包含图片的部分发给我。