子比主题 - 前台编辑器添加“未保存提示”功能

功能原理

1. 只在「文章发布页」和「文章编辑页」生效（避免在其他页面误触发）；
2. 实时监听你的输入内容（包括输入框、下拉框、TinyMCE 编辑器甚至 iframe 中的内容变化）；
3. 当检测到有未保存的内容时，一旦你尝试关闭页面、刷新或跳转到其他链接，就会弹出警告提示；
4. 当你手动保存文章（通过 AJAX 请求完成保存）后，会自动重置状态，避免误提示。

实现代码

关键配置说明（必须修改，否则可能失效）

1. 调整页面白名单：
   代码中 whiteList = ['/newposts','/posts-edit/'] 是生效页面的路径，需要和你网站的「前台发布页」「前台编辑页」路径一致。
   比如你的发布页路径是 /publish，编辑页是 /edit，就改成 ['/publish','/edit']。
2. 替换网站域名：
   代码中 https://www.你的域名.com/wp-admin/admin-ajax.php 需替换为你自己的网站域名（保持 wp-admin/admin-ajax.php 部分不变）。
   例如你的网站是 https://blog.example.com，就改成 https://blog.example.com/wp-admin/admin-ajax.php。

功能测试

• 关闭当前标签页
• 刷新页面
• 点击导航跳转到其他页面

注意事项

确保代码中的页面路径和域名正确，否则可能出现「该提示时不提示」或「不该提示时乱提示」的情况。