1

mxGraph と CKeditor の両方を使用する Web アプリケーションを開発しようとしています。このアプリケーションは、デスクトップ デバイスとタッチ デバイスの両方で使用することを目的としています。

私の問題は、タッチ デバイスでアプリケーションを使用するときに発生します。CKeditor には、ユーザーがコンテンツのフォントやサイズなどを変更できる「コンボ ボックス」オプションがあります。タッチ デバイスでは、これは正しく機能しますが、mxGraph のインスタンスがページ上にあるとすぐに、コンボ ボックスでオプションの 1 つを選択することはできません (少なくとも iOS では)。デスクトップ環境では正しく動作します。

問題を再現するために使用できるサンプル コードを作成しました。タッチ デバイスで実行し、コンボ ボックスを使用してみてください。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
        <script type="text/javascript" src="http://jgraph.github.io/mxgraph/javascript/src/js/mxClient.js"></script>
        <script src="http://ckeditor.com/apps/ckeditor/4.2.2/ckeditor.js"></script>
    <script>
                function main(){
                    var container = document.createElement('div');
                    document.body.appendChild(container);
                    var root = new mxCell();
                    var model = new mxGraphModel(root);
                    // Create an mxGraph on the page.
                    var graph = new mxGraph(container, model);
                    // Create a CKeditor on the page.
                    createEditor();
                }
        function createEditor() {
            // Create an empty editor inside the <div id="editor">.
            var config = {};
            CKEDITOR.appendTo( 'editor', config, '' );
        }
    </script>
</head>
<body onload='main()'>
    <!-- This div will hold the editor. -->
    <div id="editor">
    </div>
</body>
</html>

これを引き起こしている原因と、おそらくそれを修正する方法を理解するのを手伝ってくれる人はいますか? 私はこれで数日間立ち往生しています。

前もって感謝します！

4

0 に答える 0