3

我在使用 TinyMCE 编辑器时遇到问题。编辑器包含大量内容，当垂直滚动时，编辑器上会显示许多水平线，从而遮盖内容。虽然这在内容很多时最为明显，但无论内容数量如何，都会出现这种情况。

这种情况最常发生在 Google Chrome 中，但同样的行为也发生在 IE9 中。它在外观上类似于以下 URL 中描述的与 iframe 渲染相关的问题。 https://code.google.com/p/chromium/issues/detail?id=143354

4

3 回答 3

2

尝试添加这个 CSS 样式：

.defaultskin .mceiframecontainer {
    padding-top:1px;
    padding-bottom:1px;
}
于 2012-12-11T13:30:06.483 回答
1

这似乎与这个问题有关：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-03T14:37:51.077 回答
0

问题接缝也取决于页面上的 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-14T16:26:05.403 回答