我遇到麻煩的工具欄圖標出現在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)
};