Mobile 是否可以禁用tinyMCE 5中的移动UI功能

是否可以在tinyMCE中禁用移动UI功能，只显示常规编辑器？ 我这样问是因为它只会在手机上为我显示一个空白屏幕（当我点击编辑器框中的“book”图标时）。

---

我已经搜索了空白页面的解决方案，我只找到了一个模糊的引用：“一个父元素有溢出设置为任何东西，但都可见”，这对我没有多大帮助。

< P>编辑2019年11月：TyMyCE 5.1默认在移动设备上切换到银色主题。

---

我们的文档没有明确解释如何做到这一点，我们也没有测试它，因此您可能会遇到意想不到的问题，但这肯定是可能的

即使在TinyMCE 5中，我们的移动UI也是作为一个主题实现的，这与我们的桌面主题在版本4和版本5中的方式类似。默认情况下，当编辑器检测到它在移动设备上时，主题设置为

mobile

-我们从v5文档中删除了它，但是：

通过扩展此概念，当移动块覆盖配置时，您可以在TinyMCE 4中将移动主题指定为

modern

，在TinyMCE 5中将移动主题指定为

silver

，桌面界面将显示：

tinymce.init({
  selector: 'textarea',
  mobile: {
    theme: 'silver'
  }
});

我创建了一个小提琴来演示这一点，它将桌面主题加载到我的手机上。

---

如果要启用插件（图像、媒体、全屏等）：

在配置中：

...
mobile: {
    theme: 'silver'
},
...

在tinymce.min.js中：

发现

取代

"advlist", "autolink", "lists", "link", "image", "anchor", "searchreplace", "code", "fullscreen", "media", "table", "paste", "codesample"

或者任何你需要的插件

---

我知道，源文件不应编辑，但只有此方法对我有所帮助。

如下配置手机：

mobile: {
  theme: "silver",
  menubar: false,
  height: 300,
  max_height: 500,
  max_width: 500,
  min_height: 400,
  statusbar: false,
  toolbar: false,
  plugins: ["autosave", "lists", "autolink"]
}

var isOnMobile = function (isTouchDevice, sectionResult) {
    var isInline = sectionResult.settings().inline;
    return false; //isTouchDevice && !isInline;
};

---

好吧，我只是因为这件事睡了一夜，所以这里有一个肮脏的补丁，@spyder可以解决它：

首先，下载tinyMCE的开发（未统一）版本

然后，编辑文件tinymce.js-修改函数isOnMobile（应该在第11930行附近）以始终返回false，如下所示：

mobile: {
  theme: "silver",
  menubar: false,
  height: 300,
  max_height: 500,
  max_width: 500,
  min_height: 400,
  statusbar: false,
  toolbar: false,
  plugins: ["autosave", "lists", "autolink"]
}

var isOnMobile = function (isTouchDevice, sectionResult) {
    var isInline = sectionResult.settings().inline;
    return false; //isTouchDevice && !isInline;
};

最后，保存您的更改并再次缩小（未统一的文件为1mb！）。如果您还没有这些工具，有几种在线工具可以为您完成这项工作

---

请注意，这仅在您是自托管的情况下才起作用。这并不漂亮，但在正式修复之前，它会起作用。

这仍然有点像火车失事。我想完全禁用移动体验，因为移动主题不允许我执行某些工具项，或者以我不希望的方式执行它们。例如，链接对话框不会出现，在移动主题中，它允许标题和其他属性，这是我不想要的。图像选择器甚至不允许我停留在URL上，允许我选择要上传的内容。是的，移动主题目前非常严格。但是桌面编辑没有任何移动行为优化。我们正在安排另一次移动行为优化更新：我们正在研究银色主题的移动兼容性-如果您使用我上面的补丁，其中一些更改已经出现在最新版本中。一旦准备就绪（我们针对的是5.1版）我们将删除移动主题并将所有平台重定向到silver。@Spyder，直到新版本发布为止。我想删除移动检测。如果我编辑源代码并为每个设备类型返回false（tinymce.js当前版本中的第3420行），是否（好）工作.@HannesOberreiter您不需要很快就知道了。我们正在为移动插件过滤器进行修复，使其取决于主题而不是设备。此时，主题覆盖应该是您所需要的全部。调整设备类型代码可能会在其他方面产生不可预见的后果。您还可以在源文件中更改该选项并编译但是我们只使用插件白名单测试手机，所以我们不能保证其他插件是否在手机上工作。