CKEditor IPAD 图标不显示

Posted 2023-03-14

【中文标题】CKEditor IPAD 图标不显示

【英文标题】：CKEditor IPAD icons not displaying

【发布时间】：2014-03-03 10:29:48

【问题描述】：

问题

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

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)

;

【参考方案1】：

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

在设置 > Safari > 高级中激活网络检查器 将 iPad 连接到 mac 并在 mac 中打开 safari。 在桌面 safari 的“开发”菜单中，选择 ipad，然后选择包含菜单的页面。

现在您可以检查页面内容和网络活动，因此您可以查看图标是否正在下载，是否在页面上，是否在页面上等等，以识别问题。然后，如果您仍然无法解决它，您将有更多信息提供给我们。