iphone - Meteor React using TinyMce with react-tinymce problems with iPad -
i have app meteor react using tinymce through react-tinymce (as per instructions @ https://www.tinymce.com/docs/integrations/react/
i have form component tinymce called orderedlist allow users add comments. works expected except in following situation:
- when using either ipad or iphone (works fine on desktops , android mobile).
- the first instance of form works expected, subsequent attempts add comments cursor not show in tinymce , user cannot enter comments.
- without external keyboard, when form opened keyboard pops - have found manually closing keyboard, tapping in textarea again works.
- with external keyboard (on ipad), clinking link in menubar (i using link plugin) , closing , tapping in textarea again works.
i have attached code show how tinymce initiated (and removed), how called in form.
any suggestions can try work on ipad/iphone appreciated.
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(); } and rendered follows:
<div classname="addcomments" id={`background${this.props.meetingid}`} onchange={this.handleeditorchange}></div>
i found others having problems tinymce on ipad https://github.com/tinymce/tinymce/issues/2699 have switched react-quill , works fine across platforms.
Comments
Post a Comment