1

我正在尝试开发一个同时使用 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>

谁能帮我弄清楚是什么原因造成的，以及如何纠正它？我已经坚持了几天了。

先感谢您！

4

0 回答 0