tinymce не работает внутри всплывающего окна

Question

Я пытаюсь использовать дополнительные настраиваемые поля acf_form() функция внутри INLINE типа Magnific Popup для редактирования и создания постов на сайте WordPress. Это работа в процессе; вот ссылка. Вы можете войти с именем пользователя test и пароль ukQfQ7zx7akPXH,

Редактор содержимого WordPress работает, просто я не могу щелкнуть внутри вкладки "Визуальный", что побеждает цель WYSIWYG.

Я убедился, что каждая из форм 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 }

ВТОРОЕ ОБНОВЛЕНИЕ

Я также попытался добавить это к magnificPopup функция в JS:

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

Answer 1

Я думаю, что проблема вызвана тем, что JF ACF не запускает действие при загрузке вашего всплывающего окна. Это действие используется для настройки всех JS поля.

Вы можете вручную запустить действие следующим образом: acf.do_action('append', $('#popup_id'))

Поменяйте местами #popup_id с помощью селектора для вашего всплывающего окна и добавьте этот код в тег встроенного сценария в HTML-код вашего всплывающего окна.

Ура E