我的网站中有一个自动调整大小的tinyMCE编辑器,我从一行开始(因此看起来像一个单行文本框),它使用tinyMCE自动调整大小插件进行扩展。我使用的是tinyMCE 6。只是常规模式,不是内联模式,没有工具栏、状态栏或其他任何东西。它在我的 Windows 机器和 iPad 上完美运行,但在我的 iPhone 上,它初始化得更大,就像有一些隐藏的移动最小高度覆盖了我的最小高度设置。大约适合 7 行文字的高度。
请注意,如果我输入的内容超出了适合的范围,它会正确调整大小,所以这很好,但如果我随后删除,它会缩小,但只是缩小到它开始时的高度,并且不会缩小更多。
我的初始化代码如下:
tinymce.init({
selector: elementid,
plugins: 'autoresize',
menubar: false,
toolbar: false,
statusbar: false,
browser_spellcheck: true,
promotion: false,
contextmenu: false,
autoresize_bottom_margin: 0,
min_height:25,
height:25,
paste_as_text: true,
newline_behavior: 'linebreak',
placeholder:placeholder,
formats: {
bold : {inline : 'b' },
italic : {inline : 'i' },
underline : {inline : 'u'}
},
content_style: `@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Oswald&family=PT+Sans+Narrow&display=swap');
body { `+fontcss+`;line-height: 1.2em; padding:0px !important; margin:3px !important}
p {margin:0px}
.mce-content-body[data-mce-placeholder] {
cursor: text;
}
`
});
这是 iPhone 的快照:
[iPhone 上的编辑器][1]
这是桌面上的图像,这就是我想要的:
[合适的小型单行MCE编辑器][2]
小 [1]:https://i.sstatic.net/rURKoSuk.jpg [2]:https://i.sstatic.net/8C6cDPTK.png
如果没有 Mac 计算机来显示调试控制台,是否有任何想法可以解释为什么会发生这种情况? iPhone 和类似移动设备的tinyMCE 代码中肯定有一些不同,但文档只是给了我我已经在使用的 min_height 和 height 参数。
对于任何遇到此问题的人来说,这似乎是可下载的tinyMCE从版本6.4到最新的7.5所固有的,其大小又是应有的大小。