Можно ли отключить функции мобильного интерфейса в tinyMCE 5?

Question

Можно ли отключить функцию мобильного пользовательского интерфейса в tinyMCE и просто показать обычный редактор?Я спрашиваю, потому что он показывает только пустой экран для меня в мобильном телефоне (когда я нажимаю на значок «книга» в окне редактора. Я искал решения для пустой страницы, и я нашел только смутные ссылки на «ародительский элемент с переполнением, установленным на что-либо, кроме видимого ", который мне не сильно помог.

Answer 1

Ну, я только что потерял сон из-за этого, так что вот грязное исправление, в то время как @spyder может понять это:

Во-первых, загрузите dev (unminified) версию tinyMCE здесь

Затем отредактируйте файл tinymce.js - измените функцию isOnMobile (должна быть около строки 11930), чтобы она всегда возвращала значение false, например:

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

Наконец, сохраните измененияи снова минимизировать (размер файла не превышает 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

В нашей документации явно не объясняется, как это сделать, и это не то, что мы тестируем, поэтому вы можете столкнуться с неожиданными проблемами, но это, безусловно, возможно.

Наш мобильный пользовательский интерфейс реализован какТема, даже в TinyMCE 5, похожа на то, как modern была нашей настольной темой для версии 4, а silver для версии 5. По умолчанию, когда редактор обнаруживает, что она на мобильном устройстве, тема устанавливается на mobile -мы удалили это из документов v5, но наши документы v4 описывают значения по умолчанию :

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

Расширяя эту концепцию, когда мобильный блок переопределяет конфигурацию, вы можете указать мобильныйтема будет modern в TinyMCE 4, silver в TinyMCE 5 и интерфейс рабочего стола покажет:

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

Я создал скрипку, чтобы продемонстрировать это, загружая тему рабочего стола на мой телефон.http://fiddle.tinymce.com/C9gaab/1