tinymce在放大弹出窗口中不起作用

tinymce does not work inside magnific popup

本文关键字：窗口 不起作用 放大 tinymce      更新时间：2023-09-26

我正试图在INLINE类型的放大弹出菜单中使用高级自定义字段acf_form()功能来编辑和创建WordPress网站上的帖子。这是一项正在进行的工作；这是链接。您可以使用用户名test和密码ukQfQ7zx7akPXH登录。

WordPress的内容编辑器是有效的，只是我无法点击"视觉"选项卡，这有点违背了所见即所得的目的。

我已经确保每个ACF表单都有一个唯一的id属性。所以，我猜问题出在TinyMCE和Magnific Popup之间。但是，Chrome中没有出现控制台错误。

以前有人遇到过这样的事情吗？

更新

这是新代码：

function cb_new_post_popup() { ?>
  <div id="new-post-popup"
       class="update-popup mfp-hide">
    <h3>New Post</h3>
    <?php
      $current_user = wp_get_current_user();
      $args = array('fields' => array('field_54134c496ff9d', 'field_541877c6025b3'),
                    'form_attributes' => array('id' => 'acf-form-new_post'),
                    'post_title' => true,
                    'post_content' => true,
                    'post_id' => 'new_post',
                    'new_post' => array('post_status' => 'publish'),
                    'return' => '%post_url%');
      acf_form($args);
    ?>
    <script>
    jQuery(function($) {
      acf.do_action('append', $('#new-post-popup'));
    });
    </script>
  </div>
<?php }

第二次更新

我还尝试将其添加到JS:中的magnificPopup函数中

callbacks: {
  open: function() {
    console.log('Popup is opened');
    acf.do_action('append', $(this));
  },
  close: function() {
    tinymce.activeEditor.save();
  }
  // e.t.c.
}

我认为问题是由ACF的JS在加载弹出窗口时没有启动操作引起的。此操作用于设置所有字段的JS。

您可以手动启动操作，如下所示： acf.do_action('append', $('#popup_id'))

请用弹出窗口的选择器替换#popup_id，并将此代码添加到弹出窗口内容HTML的内联脚本标记中。

干杯E

相关文章：