iOS设备上的微型MCE编辑器高度问题

时间:2018-09-11 10:02:53

标签: javascript jquery safari tinymce

唯一的问题是:当我在iOS设备上打开编辑器并按“返回”键时,它会增加编辑器的高度。它不会在PC上发生。我在tinymce编辑器 autoresize_max_height 中应用了CSS max-height 属性和参数。但是什么都行不通

链接>> codepen.io/anon/pen/LJLveG

任何帮助!

1 个答案:

答案 0 :(得分:0)

这是我在您的Codepen中看到的来源:

#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或字符串'both'。False禁用调整大小,true禁用仅垂直调整大小, 'both'使得可以在水平和垂直两个方向上调整大小。”

resize: true|false|'both'

不能说它对iOS有任何影响。

好吧,TinyMCE倾向于将第一个链接(#1)放在其页面甚至移动部分的所有位置,除了在其中指定移动版本来源的地方,他们使用第二个链接(# 2)。

我看到您已将max_height设置为300px。我想编辑器实际上约有400像素高可能是一个问题。

不能说它们中的任何一个在iOS上都能很好地工作,因为它在某种程度上充满了气泡,突然滚动中途停止并拒绝继续,直到编辑器以某种方式赶上事件并重新计算空间,然后您可以继续到下一个哑巴。它从未真正完成。也许Mobile版本不能很好地与Codepen配合使用,或者我用来检查此页面的iPhone 6对于本练习来说太旧了。