2012-08-31 138 views
1

我一直在使用Aloha編輯器創建example of a simple editor,但我沒有成功在Opera中使用它。菜單不出現,textarea不可編輯。Aloha編輯器無法在Opera上工作,有時無法在Chrome上工作

在所有其他瀏覽器似乎工作正常,但有時Chrome瀏覽器需要刷新頁面才能正常工作。

這是相關的HTML代碼:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <link href="//cdn.aloha-editor.org/latest/css/aloha.css" rel="stylesheet" media="screen" /> 
</head> 
<body> 
    <textarea id="content"></textarea> 
    <script src="//cdn.aloha-editor.org/latest/lib/require.js"></script> 
    <script src="//cdn.aloha-editor.org/latest/lib/aloha.js" data-aloha-plugins="common/ui,common/format,common/table,common/list,common/link,common/block,common/undo,common/contenthandler,common/paste"></script> 
    <script src="notes.js"></script> 
</body> 
</html> 

這是JavaScript代碼(內部notes.js):

var Aloha = window.Aloha || (window.Aloha = {}); 
Aloha.settings = { sidebar: { disabled: true } }; 

Aloha.ready(function() { 

    Aloha.jQuery('#content').aloha(); 

}); 

在此先感謝您的想法!

+1

我試圖在鉻,但未能重現問題 - 它的工作每時間。沒有在歌劇中嘗試過。一個潛在的問題是你在包含Aloha之後初始化設置。在包含aloha.js腳本之前,請嘗試將'Aloha.settings = {...};'加入。 – Inshallah

+0

是的,這解決了問題。謝謝! – Pere

回答

1

我在閱讀Inshallah的評論後回答我自己的問題。

的問題是,JavaScript的變量阿羅哈Aloha.settings應包括阿羅哈之前設置。

HTML代碼

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <link href="//cdn.aloha-editor.org/latest/css/aloha.css" rel="stylesheet" media="screen" /> 
</head> 
<body> 
    <textarea id="content"></textarea> 
    <script src="//cdn.aloha-editor.org/latest/lib/require.js"></script> 
    <script> 
     var Aloha = window.Aloha || (window.Aloha = {}); 
     Aloha.settings = { sidebar: { disabled: true } }; 
    </script> 
    <script src="//cdn.aloha-editor.org/latest/lib/aloha.js" data-aloha-plugins="common/ui,common/format,common/table,common/list,common/link,common/block,common/undo,common/contenthandler,common/paste"></script> 
    <script src="notes.js"></script> 
</body> 
</html> 

Javascript代碼(內部notes.js

Aloha.ready(function() { 
    Aloha.jQuery('#content').aloha(); 
});