Question

我有一个使用TinyMce通过react-tinymce使用Meteor React的应用程序（根据https://www.tinymce.com/docs/integrations/react/的说明

我有一个带有TinyMCE的表单组件，它从一个有序列表中调用，以允许用户添加注释。它按预期工作，但以下情况除外：

使用iPad或iPhone时（适用于台式机和Android手机）。
表单的第一个实例按预期工作，但随后尝试添加注释，光标未显示在TinyMCE中，用户无法输入注释。
没有外接键盘，当打开表格键盘弹出时 - 我发现通过手动关闭键盘，然后再次点击textarea就可以了。
使用外接键盘（在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>

Answer 1

我发现其他人在iPad https://github.com/tinymce/tinymce/issues/2699上遇到了TinyMCE问题，所以我已经切换到反应 - 羽毛笔，它在所有平台上都能正常工作。

Meteor React使用TinyMce与iPad的反应问题

1 个答案: