TinyMCE編輯器不能在chrome中工作，mozilla firefox在使用Handlebar腳本文件時伴隨着jquery

我正在使用最新版本的TinyMCE 4.0b3。 jquery版本是1.9.1。下面是我的代碼：TinyMCE編輯器不能在chrome中工作，mozilla firefox在使用Handlebar腳本文件時伴隨着jquery

<script type="text/javascript" src="tinymce/tinymce.min.js"></script> 
<script type="text/javascript"> 
    tinymce.init({ 
    selector: "textarea", 
    theme: "modern", 
    plugins: [ 
    "advlist autolink lists link image charmap print preview hr anchor pagebreak", 
    "searchreplace wordcount visualblocks visualchars code fullscreen", 
    "insertdatetime media nonbreaking save table contextmenu directionality", 
    "emoticons template paste textcolor" 
    ], 
    toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image", 
    toolbar2: "print preview media | forecolor backcolor emoticons", 
    image_advtab: true, 
    templates: [ 
    {title: 'Test template 1', content: 'Test 1'}, 
    {title: 'Test template 2', content: 'Test 2'} 
    ], 
}); 
</script> 

<textarea name="content" rows="5" cols="100"/>

上面的代碼在IE9標準模式下工作完美。但不是在IE9兼容模式下，mozilla firefox，google chrome，safari。我在瀏覽器控制檯中看不到任何錯誤。

我看到很多關於這個問題的帖子，應該在tinymce之後加載jquery來解決這個問題。但是在我們的應用程序中，我們不能這樣做，因爲jquery在主頁面上加載。

我試圖使用$（document）.ready函數但沒用。我不確定它是否是jQuery問題。

編輯：上述代碼在所有瀏覽器中的純HTML文件中工作正常。在我們的應用程序中，我們使用hbs（句柄腳本）文件。當試圖將該代碼放入hbs文件時，它不起作用。

有沒有其他方法可以解決這個問題。

來源

2013-06-13 Cindrella

工作對我來說（在Chrome）：http://jsfiddle.net/akkRU/ –

@SebastianG：在所有瀏覽器中純HTML使用時，它爲我工作。在我們的應用程序中，我們使用hbs文件。當試圖將該代碼放入hbs文件時，它不起作用。 – Cindrella

啊，hbs文件...你能更精確嗎？從未聽過這個詞。 –

在我們的應用程序中，我們也使用require js。所以我們需要做墊片配置才能使其工作。

requirejs.config({ 
baseUrl: "js", 
paths: { 
    tinyMCE: 'libs/tinymce/tiny_mce' 
}, 
shim: { 
    tinyMCE: { 
     exports: 'tinyMCE', 
     init: function() { 
      this.tinyMCE.DOM.events.domLoaded = true; 
      return this.tinyMCE; 
     } 
    } 
} 
});

參考：How can I implement TinyMCE with Require.js?

來源

2013-06-28 06:31:16 Cindrella

嘗試將腳本代碼放在body標籤後面。

來源

2013-06-13 07:12:17 Marjana

試過這個。但不工作。 – Cindrella

TinyMCE編輯器不能在chrome中工作，mozilla firefox在使用Handlebar腳本文件時伴隨着jquery

回答

相關問題