Question

我一直在使用Aloha Editor来创建example of a simple editor，但我没有成功让它在Opera中运行。菜单没有出现，textarea不可编辑。

在所有其他浏览器中似乎工作正常，但有时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();

});

提前感谢您的想法！

Answer 1

我在阅读了Inshallah的评论后回答了我自己的问题。

问题是应该在包含Aloha之前设置javascript变量 Aloha 和 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();
});

Aloha Editor不适用于Opera，有时也无法在Chrome上运行

1 个答案: