Question

我正在尝试开发一个同时使用mxGraph和CKeditor的Web应用程序。此应用程序旨在用于桌面和触摸设备。

当在触控设备上使用该应用程序时，我的问题就出现了。 CKeditor有一个“组合框”选项，允许用户更改其内容的字体，大小等。在触摸设备上，这可以正常工作，但是只要mxGraph的实例在页面上，就不可能在组合框中选择其中一个选项（至少在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>

任何人都可以帮我弄清楚造成这种情况的原因以及可能的纠正方法吗？我已经被困在这几天了。

提前谢谢！

触摸设备上的mxGraph和ckEditor

0 个答案: