修复 WordPress 5.6+ 使用 WP Editor 插件插入代码块,单行内容过长不能原样显示的问题

文章目录

错误的显示示例

1 root@server:~# docker ps
2 CONTAINER ID   IMAGE                          COMMAND                  CREATED         STATUS         PORTS                                                                                  NAMES
3 0e31a16ce293   portainer/portainer-ce:latest  "/portainer"             1 minutes ago   Up 1 minutes   0.0.0.0:8000->8000/tcp, :::8000->8000/tcp, 0.0.0.0:9000->9000/tcp, :::9000->9000/tcp   portainer

期望的显示示例

1 root@server:~# docker ps
2 CONTAINER ID   IMAGE                          COMMAND                  CREATED         STATUS         PORTS                                                                                  NAMES
3 0e31a16ce293   portainer/portainer-ce:latest  "/portainer"             1 minutes ago   Up 1 minutes   0.0.0.0:8000->8000/tcp, :::8000->8000/tcp, 0.0.0.0:9000->9000/tcp, :::9000->9000/tcp   portainer

问题出现的原因

在 WordPress 5.6 版本之后,由以下样式引发

.wp-block-code code {
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

我的解决方案

  1. 修改 wp-content/plugins/wp-editormd/src/App/WPMarkdownParser.php 第 424 行

    $classes = array();

    修改为

    $classes = array('wp-block-code');
  2. WordPress 控制面板 – 外观 – 自定义 – 额外CSS 中添加

    code.wp-block-code {
       white-space: pre;
    }
  3. 编辑受影响的文章,无需做任何修改直接保存即可。

0 0 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论
By 马丁龙猪

标签

归档

其他操作