CKEditor IPAD图标未显示

Question

问题

我很难让工具栏图标出现在ipad上的ckeditor上(safari)。

ckeditor 4.3.2版

诊断

ckeditor在所有其他浏览器上都可以正常工作，但在safari ipad上它有问题。它甚至可以在mac桌面上的Safari上运行。为了诊断这个问题，我在一个简单的页面上实现了ckeditor，其方式与在普通页面上完全相同。普通页面有很多内容：JavaScript的加载——一些JavaScript库是动态加载的，到处都是事件等等。这个问题并没有在简化的页面上表现出来。还有当我访问简化页面后转到正常页面时，图标会出现。所以看起来有什么东西被缓存了。

如果我清除缓存并首先返回到正常页面，则图标不会出现。

虽然ckeditor.js是动态加载的，但我在页面的标题中添加了一个引用，这并不能解决问题。

有什么想法吗

我意识到，如果没有所有的代码，诊断起来有点困难，但一切。。。我不能给予！然而，一些想法和建议会很棒。

实施

我试过用几种不同的方式来实例化它，但它并没有产生影响。然而，这里有一个我如何实例化它的例子。

CKEDITOR.replace($(this).attr('id'), { height: '200px', width: '100%', language: 'en-GB', customConfig: 'configIpad.js', resize_enabled: false });

configIpad.js:

CKEDITOR.editorConfig = function (config) {
config.htmlEncodeOutput = true;
config.disableNativeSpellChecker = false;
CKEDITOR.config.browserContextMenuOnCtrl = true;
config.allowedContent = true;
CKEDITOR.editorConfig = function (config) {
config.htmlEncodeOutput = true;
config.disableNativeSpellChecker = false;
CKEDITOR.config.browserContextMenuOnCtrl = true;
config.allowedContent = true;
config.toolbar = [
{ name: 'interact-clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText'] }
];
config.format_tags = 'p;h1;h2;h3;h4;h5;h6;pre;address';
config.minimumChangeMilliseconds = 100; // 100 milliseconds (default value)

}；

Answer 1

我的建议是您应该尝试调试页面。

1. 在设置>safari>高级中激活web检查器
2. 将iPad连接到mac，然后在mac上打开safari
3. 在桌面safari的"开发"菜单中，选择你的ipad，然后用菜单选择页面

现在您可以检查页面的内容和网络活动，这样您就可以查看图标是否正在下载、是否在页面上、是否在网页上等等，以确定问题。然后，如果你仍然不能解决它，你会有更多的信息给我们。