我遇到麻烦的工具栏图标出现在iPad上(狩猎)的CKEditor的。
CKEditor的版本4.3.2
诊断
的CKEditor的正常工作在其他浏览器上。然而Safari浏览器的ipad有问题。它甚至可以在桌面mac上的Safari上运行。为了尝试诊断问题,我在一个简单的页面上以与在普通页面上完全相同的方式实现了ckeditor。常规页面有很多事情要做:加载JavaScript一些JavaScript库被动态加载,各地的事件等等。这个问题没有在简化的页面上显示出来。 Whats more 当我访问简化页面后进入正常页面时,图标出现。所以看起来有些东西被缓存了。
如果我清除缓存并返回到正常页面,则图标不会显示。
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)
};