Question

我遇到了TinyMCE编辑器的问题。编辑器包含大量内容，当垂直滚动时，编辑器上会显示许多水平线，使内容模糊不清。虽然在有大量内容时这是最明显的，但它会随着任何数量的内容而出现。

这种情况最常发生在谷歌浏览器中，但在IE9中也会出现同样的情况。它的外观类似于以下与iframe渲染相关的URL中描述的问题。 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获得它，但我不知道如何。

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

滚动后，TinyMCE在编辑器中显示线条

3 个答案: