1

Aloha Editor を使用して単純なエディターの例を作成してきましたが、Opera で動作させることに成功していません。メニューは表示されず、テキストエリアは編集できません。

他のすべてのブラウザでは正常に動作しているように見えますが、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();

});

アイデアを前もってありがとう！

4

1 に答える 1

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();
});
于 2012-09-09T20:01:34.487 に答える