Tinymce编辑器代码插件在React模型中不工作
Tinymce编辑器代码插件在React模型中不工作
提问于 2021-12-09 07:34:04
我使用风车反应界面弹出。
在弹出窗口中，我使用Tinymce编辑器存储电子邮件模板。
编辑器显示，但在源代码弹出，我无法编辑。
请帮我解决这个问题。预先谢谢.
<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',
}}
/>回答 1
Stack Overflow用户
回答已采纳
发布于 2021-12-09 18:43:15
这很可能是因为你的“模态”对话框没有放弃焦点。由于在普通HTML中没有这样的模式，所以您选择的模式很可能是HTML和Javascript (例如，风车)的结合，而且它不想放弃焦点。您将需要弄清楚如何告诉您的模式代码，以允许其他东西得到控制。
TinyMCE文档中有一个示例说明如何对Bootstrap执行此操作：
https://www.tiny.cloud/docs/integrations/bootstrap/#usingtinymceinabootstrapdialog
由于您使用的是不同的技术，您将需要确定如何做类似的事情。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70286153
复制相关文章
相似问题
腾讯云开发者
