TinyMCE在滾動後在編輯器中顯示行

我遇到了TinyMCE編輯器的問題。編輯器包含大量的內容，並且在編輯器上顯示許多水平線時會遮住內容。雖然這在大量內容時最明顯，但它隨任何內容而發生。TinyMCE在滾動後在編輯器中顯示行

這種情況通常發生在谷歌瀏覽器中，但IE9中也出現同樣的情況。它與外觀類似於以下與iframe渲染有關的URL中描述的問題。 https://code.google.com/p/chromium/issues/detail?id=143354

來源

2012-09-04 James

你應該提交一個錯誤報告，然後：http://www.tinymce.com/develop/bugtracker_bugs.php – Thariama

問題接縫也依賴於頁面上的tinyMCE位置。對我而言，只有當tinyMCE動態添加到模態時纔會發生。

所以我會從不同的位置嘗試，如果可能的話。對我來說不是。如果您不能或不工作，嘗試添加下列到TinyMCE的初始化：

oninit : function(ed) { 
      var body = $('body',$('iframe').contentDocument); 
       $(ed.getWin()).scroll(
        function() { 
         body.css('background', '#fffffe'); 
         setTimeout(function() {body.css('background', '#ffffff');},1); 
         return true; 
        }); 
}

注意，你需要找到對應於您啓動tinyMCE的實例iframe中。可以從ed得到它，但我不知道如何。

此外，您可能需要將背景操作更改爲強制重新呈現內容的其他操作。

來源

2012-09-14 16:26:05 user1671914

@ user1671914「對我來說，只有當tinyMCE動態添加到模態時纔會發生」 - TinyMCE何時不動態添加？有什麼選擇？ –

作爲tinyMCE的基礎的Textarea是由JavaScript添加的，並且在頁面加載時不是頁面內容的一部分。當textarea是頁面內容的一部分時，我沒有遇到任何問題，沒有任何相對/絕對定位依賴關係（將它放置在模態中）。 – user1671914

嘗試加入這個CSS樣式：

.defaultskin .mceiframecontainer { 
    padding-top:1px; 
    padding-bottom:1px; 
}

來源

2012-12-11 13:30:06 George

這似乎是與此相關的問題：https://github.com/zotonic/zotonic/issues/509
如果您不能升級了tinyMCE你可以加入這一行：

body { 
    /* Other rules */ 
    -webkit-transform: translate3d(0,0,0); 
}

themes/yourFavoriteTheme/skins/default/content.css

來源

2013-05-03 14:37:51 Leonardo

TinyMCE在滾動後在編輯器中顯示行

回答

相關問題