Tinymce 编辑器代码插件在 React 中不起作用 Model

Question

我正在使用 Windmill React UI for Popup。
在弹出窗口中，我使用 Tinymce 编辑器来存储 email 模板。
编辑器正在显示，但在源代码弹出窗口中我无法编辑。

请帮我解决这个问题。 提前致谢。

<Editor
 onChange={(e) => { setEmailContent(e.target.getContent()) }}
 apiKey=''
 init={{
  height: 300,
  menubar: false,
  contextmenu: 'cut copy paste',
  branding: false,
  plugins: 'advlist autolink lists link image charmap print preview anchor searchreplace visualblocks code fullscreen insertdatetime media table paste help wordcount',
  toolbar: 'code preview | undo redo | paste image media link | bold italic forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat',
 }}
/>

Answer 1

这很可能是由于您的“模态”对话框没有放弃焦点。 Since there is no such thing as a modal in plain HTML your choice of modal is likely a combination of HTML and Javascript (eg Windmill) and it is not wanting to let go of focus. 您将需要弄清楚如何告诉您的模态代码以允许其他东西获得控制。

TinyMCE 文档有一个如何为 Bootstrap 执行此操作的示例：

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

当您使用不同的技术时，您需要确定如何做类似的事情。