Крошечная проблема высоты редактора MCE на устройствах iOS

Question

Единственная проблема: когда я открываю редактор на устройстве iOS и нажимаю клавишу «возврат», он увеличивает высоту редактора. Это не происходит на ПК. Я применил css max-height свойство и параметры в редакторе tinymce autoresize_max_height . Но ничего не работает

Ссылка >> codepen.io/anon/pen/LJLveG

Любая помощь!

Answer 1

Это источник, который я вижу в вашем коде:

#1: https://cloud.tinymce.com/stable/tinymce.min.js

Но это тот, который упоминается в мобильной версии:

#2: https://cloud.tinymce.com/dev/tinymce.min.js

С дополнительными настройками мобильного телефона (здесь показано значение по умолчанию):

tinymce.init({
  selector:'textarea',
  theme: 'modern',
  mobile: {
    plugins: 'autosave autolink lists'
  }
});

Существует также опция изменения размера:

"Эта опция дает вам возможность отключить маркер изменения размера или установить его для изменения размера как по горизонтали, так и по вертикали.опция может иметь значение true, false или строку «оба». False отключает изменение размера, true включает только вертикальное изменение размера, «оба» позволяет изменять размер в обоих направлениях - горизонтальном и вертикальном. "

resize: true|false|'both'

МожетНельзя сказать, что это имело какое-либо влияние на iOS.

Что ж, TinyMCE имеет тенденцию отбрасывать первую ссылку (# 1) везде на своих страницах и даже в мобильном разделе, за исключением одного места, где указывается источник для мобильной версии, которую они используют, во втором.ссылка (# 2).

Я вижу, что вы установили max_height равным 300px.Я предполагаю, что это может быть проблемой, что редактор на самом деле около 400 пикселей в высоту.

Не могу сказать, что любой из них очень хорошо работает с iOS, так как он каким-то образом полон шумных дорожных движений, внезапно останавливается на полпути и отказывается продолжать, пока Редактор каким-то образом не догонит события и не пересчитает пространство.и тогда вы можете продолжать до следующего удара.Это никогда не бывает полным.Возможно, мобильная версия не очень хорошо работает с Codepen или с тем iPhone 6, который я использовал, чтобы проверить, что эта страница слишком старая для этого упражнения.