tinymce 所见即所得编辑器 - 文本光标问题,文本 fields/areas 变为非活动状态

tinymce wysiwyg editor - text cursor issue, text fields/areas become inactive

我正在为我几个月前第一次学习 React 时创建的项目开发几个功能。我想在我的一个表单中添加一个所见即所得的编辑器,以便用户可以对事件页面的“关于”部分进行更多控制(即嵌入媒体和图像、html 源代码编辑、字体格式等.)

我使用的编辑器是TinyMCE 5.0。 这个项目是一个 Rails 后端和 React 前端。 (我没有使用 Redux - 这个项目是我第一次学习 React 时练习它的一种方式。) 如果您想查看我的代码

,您可以找到我最后一次提交here

问题

我能够呈现所见即所得的编辑器。我还可以在编辑器的正文中键入和格式化文本。当我单击代码图标或图像嵌入图标(如下面的 gif 中所示)时,会出现一个新模式,但是当我单击它进行键入时,文本光标会出现然后消失。所以我无法打字,而且文本区域和字段似乎变得不活动(因为缺少更好的术语 - 我的编码之旅还处于起步阶段。)

我刚刚注册,TinyMCE 也提供了高级插件的访问权限,所以我认为我的帐户没有问题 permissions/subscription。

我也没有在控制台中收到任何信息,但如果您能提供任何帮助,我们将不胜感激!

谢谢!

TinyMCE 5 editor - text cursor issue - text areas become inactice

很可能您用于模态的库(包含 TinyMCE)不允许将焦点转移到其他地方。由于您没有说明您用于模态的库,我无法告诉您如何解决这个问题,但我们知道这是常见库的问题,例如 Bootstrap:

https://www.tiny.cloud/docs/integrations/bootstrap/#usingtinymceinabootstrapdialog

无论你使用什么,都应该具有类似的能力。