如何在模态窗口中加载tinymce 4?

时间:2013-08-12 10:12:55

标签: javascript cakephp-2.1 tinymce-4

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

由于

1 个答案:

答案 0 :(得分:0)

我也有这个问题.. 我正在使用bootstrap模式框并使用插件进行开放式多模式

我正在使用此代码助手: 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模态',                       'htmlAttributes'=> array('id'=>'EzafKardan','class'=>'modalBarGozar btn btn-primary btn-lg',   '数据肘节'=> '模态')                       )); ?>                  

     

     

$(函数(){

$.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”); $( '主体')modalmanager( '负荷')。        的setTimeout(函数(){        $ modal.load(link,'',function(){         $ modal.modal();       }); },1000); });      

在模态布局中,我添加了tinymce.js的链接,还添加了defoult布局和其他布局

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