Iphone Meteor React使用TinyMce解决iPad的TinyMce问题

Iphone Meteor React使用TinyMce解决iPad的TinyMce问题,iphone,reactjs,ipad,meteor,tinymce-4,Iphone,Reactjs,Ipad,Meteor,Tinymce 4,我有一个应用程序与流星反应使用TinyMce通过反应TinyMce(按照说明在 我有一个带有TinyMCE的表单组件,它是从orderedlist调用的,以允许用户添加注释。除以下情况外,它按预期工作: 当使用iPad或iPhone时(在台式机和安卓手机上运行良好) 表单的第一个实例按预期工作,但是在随后尝试添加注释时,光标不会显示在TinyMCE中,用户无法输入其注释 如果没有外置键盘,当窗体打开时,键盘会弹出——我发现,手动关闭键盘,然后再次点击文本区域,它就能工作 使用外部键盘(在iPad

我有一个应用程序与流星反应使用TinyMce通过反应TinyMce(按照说明在

我有一个带有TinyMCE的表单组件,它是从orderedlist调用的,以允许用户添加注释。除以下情况外,它按预期工作:

  • 当使用iPad或iPhone时(在台式机和安卓手机上运行良好)
  • 表单的第一个实例按预期工作,但是在随后尝试添加注释时,光标不会显示在TinyMCE中,用户无法输入其注释
  • 如果没有外置键盘,当窗体打开时,键盘会弹出——我发现,手动关闭键盘,然后再次点击文本区域,它就能工作
  • 使用外部键盘(在iPad上),点击菜单栏中的链接(我使用的是链接插件),然后关闭它并再次点击文本区域,它就可以工作了
  • 我附上代码来说明TinyMCE是如何启动(和删除)的,以及它是如何在表单中调用的

    如果您能给我一些建议,让我的iPad/iPhone能够正常工作,我将不胜感激

    componentDidMount() {
    tinymce.remove();
    tinymce.init({
    selector: '.addComments,
        plugins: "autoresize link paste",
        paste_as_text: true,
        autoresize_bottom_margin: 10,
        relative_urls: false,
        link_title: false,
        default_link_target: "_blank",
        height: 200,
        autoresize_max_height: 200,
        toolbar: 'underline italic numlist link',
        menubar: '',
        skin: "lightgray",
        statusbar: false,
        content_css : '/css/content.css'
     });
    }
    
    componentWillUnmount() {
        tinymce.remove();
    }
    
    其呈现方式如下:

    <div className="AddComments" id={`background${this.props.meetingId}`} onChange={this.handleEditorChange}></div>
    

    我发现其他人在使用iPad上的TinyMCE时遇到问题,所以我改用react quill,它在所有平台上都能正常工作