TinyMCE在滚动后显示编辑器中的行

Question

TinyMCE编辑器出现问题。编辑器包含大量内容，当垂直滚动时，编辑器上会显示许多水平线，使内容模糊不清。虽然这在有大量内容时最为明显，但在任何数量的内容中都会发生。

这种情况在谷歌浏览器中最常见，但在IE9中也会发生同样的行为。它在外观上类似于以下URL中描述的与iframe呈现有关的问题。https://code.google.com/p/chromium/issues/detail?id=143354

Answer 1

尝试添加以下css样式：

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

Answer 2

这似乎与这个问题有关：https://github.com/zotonic/zotonic/issues/509
如果你不能升级你的tinyMCE，你可以添加这行：

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

在您的themes/yourFavoriteTheme/skins/default/content.css 上

Answer 3

问题接缝也取决于页面上的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那里得到它，但我不知道怎么做。

此外，您可能需要将背景操作更改为其他一些操作，以强制重新呈现内容。