#reactjs #tinymce #tinymce-plugins
Вопрос:
Я использую текущую последнюю версию TinyMCE, и у меня возникли проблемы с плагином table. В моем проекте я импортирую редактор в двух экземплярах: один на отдельной странице, посвященной только редактору, и второй, который отображается в модальном интерфейсе material-ui, чтобы внести некоторые незначительные изменения в документ.
Что происходит, так это то, что плагин table, похоже, загружается неправильно, поскольку я могу добавлять любые столбцы и строки, которые я хочу, но они оказались отключены только для добавления таблицы 1×1. Таблица сетка
Кроме того … и это меня больше всего беспокоит. Заключается в том, что свойства таблицы, когда я фокусирую таблицу, не отображают фактическое окно / всплывающее окно свойств.
И если я решил получить доступ к этим свойствам, щелкнув правой кнопкой мыши по таблице, хотя отображаются окна свойств, я ничего не могу там изменить, все свойства, похоже, отключены.
Если у кого-нибудь есть решение для решения этой проблемы, это действительно очень помогло бы!
Заранее благодарю вас!
Ответ №1:
Пользовательский интерфейс Material по умолчанию блокирует выход фокуса из модального диалога, как указано здесь: https://mui.com/components/modal/#focus-trap . Это не позволяет вам взаимодействовать с любыми всплывающими окнами, которые создает TinyMCE. Итак, чтобы исправить это, вы должны быть в состоянии предотвратить поведение ловушки фокуса, добавив либо disableEnforceFocus или disableEnforceFocus={true} , как указано в документах Material UI .