2014-03-03 73 views
0

問題CKEditor的IPAD圖標不顯示

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

};

回答

0

我的建議是,你應該嘗試調試頁面。

  1. 激活設置> Safari瀏覽器Web檢查>高級
  2. 連接的iPad在蘋果機Mac和打開Safari。
  3. 在桌面Safari瀏覽器的'開發'菜單中,選擇你的iPad並用你的菜單選擇頁面。

現在您可以檢查頁面內容和網絡活動,以便查看圖標是否正在下載,如果它們在頁面上,它們是否在頁面上等等,以便識別問題。然後,如果您仍然無法解決問題,您將獲得更多信息給我們。