2013-10-03 79 views
0

我使用TinyMCE版本4.0.6,它在IE9中正常工作,但它在Firefox中沒有顯示,甚至沒有顯示它連接到的textareaTinyMCE不會顯示在Firefox上,在IE9中工作

我的代碼是這樣的:

<head> 
    <link href="~/Styles/CSS/Layout.css" rel="stylesheet" /> 
    <script src="~/Scripts/Addons/TinyMCE/tinymce.min.js"></script> 
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></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 moxiemanager" 
     ], 
     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> 
</head> 
<body> 
    <form action="" method="post"> 
     <textarea name="content" ></textarea> 
    </form> 
</body> 

的CSS:

textarea { 
    width:100%; 
    min-width:290px; 
    height:100px; 
} 
+1

相關,但不是一個問題的答案:你可能不應該使用' 〜'在網站上引用文件。爲了獲得最佳效果,請使用html文件所在的相對路徑。 –

+1

另外,你是否在你的JavaScript控制檯中得到任何錯誤,或沒有錯誤,它只是不顯示? –

+0

完全沒有錯誤。它只是不會顯示在FF –

回答

1

原來這裏的問題是一個名爲MoxieManager TinyMCE的插件,這是不正確加載,並導致問題跨瀏覽器。當它被刪除時,它開始在所有瀏覽器上工作。

這裏是OP的設置的的jsfiddle再現的作品:http://jsfiddle.net/4VZZU

而這裏的修改plugins陣列:

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" 
     ], 
相關問題