Question

是否可以在tinyMCE中禁用移动UI功能，而只显示常规编辑器？我之所以问是因为它只在移动设备上为我显示一个空白屏幕（当我单击编辑器框中的“书本”图标时。我一直在寻找空白页的解决方案，但是我发现模糊的引用“对父元素的溢出设置为可见的东西”并没有多大帮助。

Answer 1

我们的文档没有明确说明如何执行此操作，我们也没有对其进行测试，因此您可能会遇到意想不到的问题，但是肯定有可能。

即使在TinyMCE 5中，我们的移动用户界面也被实现为主题，类似于modern是我们的版本4的桌面主题，silver是版本5的主题。默认情况下，当编辑器检测到它时在移动设备上，主题设置为mobile-我们从v5文档中删除了此主题，但是our v4 docs describe the defaults：

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

通过扩展该概念（移动块覆盖配置），您可以在TinyMCE 4中将移动主题指定为modern，在TinyMCE 5中将silver指定为移动主题，并且桌面界面将显示： / p>

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

我创建了一个小提琴来演示此操作，该操作将手机上的桌面主题加载了。 http://fiddle.tinymce.com/C9gaab/1

Answer 2

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

在配置中：

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

在tinymce.min.js中：

找到

"lists","autolink","autosave"

替换为

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

或您需要的任何插件

我知道，不应编辑源文件，只有这种方法对我有帮助。

Answer 3

像这样配置手机：

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

Answer 4

好吧，我刚刚为此失去了一个晚上的睡眠，所以这是肮脏的解决方法，而@spyder可以解决这个问题：

首先，下载tinyMCE here

的开发版（最小化）

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

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

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

请注意，这仅在您自托管时才有效。它并不漂亮，但是直到正式修复后，它才起作用。

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

4 个答案: