TinyMCE отображает строки в редакторе после прокрутки

У меня проблема с редактором TinyMCE. Редактор содержит большое количество контента, и при вертикальной прокрутке в редакторе отображается много горизонтальных линий, скрывающих контент. Хотя это наиболее очевидно при большом количестве контента, это происходит с любым объемом контента.

Чаще всего это происходит в Google Chrome, однако то же самое происходит и в IE9. По внешнему виду это похоже на проблему, описанную по следующему URL-адресу, связанную с отрисовкой iframe. https://code.google.com/p/chromium/issues/detail?id=143354


google-chrome tinymce vertical-scrolling horizontal-line
person James    schedule 04.09.2012    source источник
comment
вам следует отправить отчет об ошибке: tinymce.com/develop/bugtracker_bugs.php   -  person Thariama    schedule 10.09.2012

Ответы (3)


arrow_upward
2
arrow_downward

Попробуйте добавить этот стиль CSS:

.defaultskin .mceiframecontainer {
    padding-top:1px;
    padding-bottom:1px;
}
person George    schedule 11.12.2012

arrow_upward
1
arrow_downward

Кажется, это связано с этой проблемой: https://github.com/zotonic/zotonic/issues/509
Если вы не можете обновить свой tinyMCE, вы можете просто добавить эту строку:

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

на вашем themes/yourFavoriteTheme/skins/default/content.css

person Leonardo    schedule 03.05.2013

arrow_upward
0
arrow_downward

Проблема швов также зависит от местоположения 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;
                     });
}

Обратите внимание, что вам нужно найти iframe, соответствующий экземпляру tinyMCE, который вы инициируете. Можно, наверное, получить его от Эда, но я не знаю, как.

Также вам может понадобиться изменить фоновую манипуляцию на какую-то другую операцию, которая вызовет повторный рендеринг контента.

person user1671914    schedule 14.09.2012
comment
@user1671914 user1671914 У меня это происходило только тогда, когда tinyMCE динамически добавлялся в модальное окно, а когда TinyMCE не добавлялся динамически? какая альтернатива? - person mindplay.dk; 08.11.2012
comment
Текстовое поле, которое было основой для tinyMCE, было добавлено JavaScript и не было частью содержимого страницы при загрузке страницы. У меня не было проблем, когда текстовое поле было частью содержимого страницы без каких-либо относительных/абсолютных зависимостей позиционирования (тех, которые возникли из-за размещения его в модальном режиме). - person user1671914; 12.11.2012