手机上的TinyMCE工具栏

Question

我遇到了一个问题，即移动设备上的工具栏太小了。在我的android和iPhone上：

在我的手机上，这些按钮很难按下，如果我将页面往下拉，它会刷新。这是我用来初始化编辑器的代码：

tinymce.init({
    height: 350,
    menubar: "edit format",
    plugins: "lists",
    toolbar: "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor backcolor emoticons",
    mobile: {
        theme: "mobile",
        plugins: "lists",
        toolbar: "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor backcolor emoticons"
    }
});

我正在使用文本区域

<textarea id="tiny-editor"></textarea>

我在网上搜索过，但并没有真正看到自己在做什么。任何建议将不胜感激。

更新1 好的，这是我的错，因为我将字体大小设置为font-size：62.5％；在头上，并查看编辑器样式，我看到它在文件skin.mobile.min.css中使用em设置了高度。

Answer 1

我曾经尝试过使用TinyMCE，尽管它在桌面视图上很不错，但是在移动视图上使用它时，我始终无法使其正常运行。因此，我们切换到Summernote。 https://summernote.org/ 这比TinyMCE更简单，但使用起来更轻松，并且可以在移动设备上使用。它也是免费的，并且没有付费版本，总是很不错。