0

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

我使用的编辑器是TinyMCE 5.0。这个项目是一个 Rails 后端和 React 前端。(我没有使用 Redux - 这个项目是我第一次学习 React 时练习 React 的一种方式。)如果您想查看我的代码,可以在此处找到我的最后一次提交

问题

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

我刚刚注册,TinyMCE 也可以访问高级插件,所以我认为这不是我的帐户权限/订阅的问题。

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

谢谢!

TinyMCE 5 编辑器 - 文本光标问题 - 文本区域变得无效

4

1 回答 1

0

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

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

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

于 2021-01-05T02:59:36.797 回答