2017-04-07 60 views
0

我有流星一个应用程序在https://www.tinymce.com/docs/integrations/react/流星阵营使用具有反应-TinyMCE的问题TinyMCE的与iPad

阵营使用TinyMCE的通过反应-TinyMCE的(按照指令我有TinyMCE的一个形式组分,它是从一个orderedlist称为允许用户添加注释它将按预期除以下情况:

  1. 使用或者iPad或iPhone(台式机和Android手机正常工作)
  2. 形式作品的第一个实例。正如预期的那样,然而随后的尝试增加了评论光标不会显示在TinyMCE中,用户不能输入他们的注释。
  3. 如果没有外接键盘,打开表格时会弹出键盘 - 我发现通过手动关闭键盘,然后再次点击textarea就可以工作。
  4. 使用外部键盘(在iPad上),使菜单栏中的链接(我正在使用链接插件)叮当响,然后关闭它并再次在textarea中轻敲它就可以工作。

我附上了代码来展示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> 

回答