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在滚动后在编辑器中显示行

回答

相关问题