WordPress嵌入shinyApps代码丢失问题求助

Hey there，作为WordPress新手碰到这个问题确实挺闹心的——每次修改iframe代码就弹出「浏览器中此文章的备份与下方版本不同」的提示，紧接着代码还丢了，我给你分享几个亲测有效的解决思路：

• 切换到纯代码编辑器模式
  可视化编辑器（不管是Gutenberg还是经典编辑器的可视化视图）经常会自动过滤、修改iframe这类HTML代码，还容易和自动保存功能产生冲突。你可以在文章编辑页面右上角找到「代码编辑器」选项（Gutenberg是点击右上角三个竖点→选择代码编辑器；经典编辑器直接切换到「文本」标签），之后在纯代码环境里粘贴和修改iframe代码，能有效避免编辑器的自动格式化干扰。

• 临时禁用自动保存功能
  WordPress默认1分钟自动保存一次草稿，这个机制很容易和你的手动编辑产生版本冲突，导致那个烦人的提示。你可以试试两种方式：

  1. 编辑文章时，打开浏览器控制台（按F12），输入这段代码回车，临时禁用当前页面的自动保存：

     wp.autosave.enabled = false;
     

  2. 如果需要长期禁用，可在主题的functions.php文件末尾添加这段代码（记得先备份主题文件！）：

     add_action('admin_init', function() {
         wp_deregister_script('autosave');
     });
     

• 排查第三方插件干扰
  缓存插件、安全插件或者内容过滤类插件，可能会偷偷修改你的iframe代码，或者触发版本检测机制。建议暂时禁用所有第三方插件，再尝试编辑嵌入代码，如果问题解决了，再逐个启用插件找到问题根源，针对性调整插件设置（比如给你的ShinyApps域名添加iframe白名单）。

• 检查iframe代码的语法规范性
  有时候代码本身的语法问题也会导致编辑器识别异常，比如引号不配对、特殊字符未转义。确保你的代码格式规范，比如把双引号替换成单引号，示例如下：

  <iframe src='https://your-shinyapp-url.com' width='100%' height='600px' frameborder='0'></iframe>
  

• 终极方案：直接通过数据库修改
  如果上面的方法都不奏效，你可以直接在WordPress数据库里修改文章内容（务必先备份数据库！）：

  1. 登录你的数据库管理工具（比如phpMyAdmin）；
  2. 找到wp_posts表（前缀可能不是wp_，根据你的实际配置调整）；
  3. 搜索到需要编辑的文章，修改post_content字段，粘贴正确的iframe代码后保存即可。

内容的提问来源于stack exchange，提问作者Xp.L