升级 WordPress5.3 后,之前使用的WP-Editor.md插件后台编辑功能失效,F12 查看控制台有如下输出:$ is not a function

原因

WordPress5.3后台页面释放了调用 JQuery 的$,转而使用jQuery来调用 JQuery。
JQuery
WP-Editor.md 由于使用了 $,报错之后的 JS 代码停止执行,所以插件后台编辑功能失效。

解决方法

下面的方法二选一。

1.重新定义$

在 html 的头 <head> 处重新定义$

let $ = jQuery;

Untitled Spot_未命名小站写了一个成品插件,可以将这句代码绑到 WordPress 对应的函数钩子上,具体内容请参考如下链接:

[jQuery-WP53-Fix]

2.修改插件内的$调用

编辑 WP-Editor.md 插件中src/Utils/Settings.php第91行:

jQuery( function() { $("#editor_mermaid\\\\[mermaid_config\\\\]") 

替换为

jQuery( function() { jQuery("#editor_mermaid\\\\[mermaid_config\\\\]")

该解决方法来自Github用户sharpbai在Github上的回复。

引用资料

  1. [Github] sharpbai comment in WP-Editor.md/issues/380
  2. [未命名小站] 路人甲 jQuery-WP53-Fix

我来吐槽

*

*