javascript - 如何在模态窗口中加载 tinymce 4？

Question

我在 cakephp 中有一个表单。我在扩展 jquery 的模态窗口中打开它。现在我已经在我的表单中加载了tinymce，但它没有以模态加载。tinymce.js 正在加载。即使它的所有设置也正确加载。谁能建议可能是什么问题？

谢谢

Answer 1

我也有这个问题..我正在使用引导模式框并使用插件来打开多模式

我正在使用此代码助手： http ://bakery.cakephp.org/articles/jwilcox09/2012/01/04/adding_a_tinymce_image_browser_to_cakephp_2

在控制器中，我使用以下代码：

public function add() { if ($this->RequestHandler->isAjax()) { $this->layout = 'modal'; }

    if ($this->request->is('post')) {
        $this->Post->create();
        if ($this->Post->saveAll($this->request->data, array('deep' => true))) {
            $this->Session->setFlash(__('The post has been saved.'));
            return $this->redirect(array('action' => 'index'));
        } else {
            $this->Session->setFlash(__('The post could not be saved. Please, try again.'));
        }
    }
    $users = $this->Post->User->find('list');
    $this->set(compact('users'));
}

在索引视图中，我使用此代码

از این قسمت میتوانید پست تازه وارد سایت کنید

Js->link(__('پست تازه'), array('action' => 'add'), array('update' => '#ajax-modal', 'htmlAttributes' => array('id' = > 'EzafKardan', 'class'=>'modalBarGozar btn btn-primary btn-lg', 'data-toggle'=>'modal') )); ?>

$(函数(){

$.fn.modal.defaults.spinner = $.fn.modalmanager.defaults.spinner = 
  '<div class="loading-spinner" style="width: 200px; margin-left: -100px;">' +
    '<div class="progress progress-striped active">' +
      '<div class="progress-bar" style="width: 100%;"></div>' +
    '</div>' +
  '</div>';

$.fn.modalmanager.defaults.resize = true;

$('[data-source]').each(function(){
  var $this = $(this),
    $source = $($this.data('source'));

  var text = [];
  $source.each(function(){
    var $s = $(this);
    if ($s.attr('type') === 'text/javascript'){
      text.push($s.html().replace(/(\n)*/, ''));
    } else {
      text.push($s.clone().wrap('<div>').parent().html());
    }
  });

  $this.text(text.join('\n\n').replace(/\t/g, '    '));
});

  }); </script>

var $modal = $('#ajaxKhabari'); $('.modalBarGozar').on('click', function(){ var link = $(this).attr("href"); $('body').modalmanager('loading'); setTimeout(function (){ $modal.load(link, '', function(){ $modal.modal(); }); }, 1000); });

在模态布局中，我添加了 tinymce.js 的链接，并添加到默认布局和其他布局

我尝试了一切，但没有奏效......