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:

  1. when using either ipad or iphone (works fine on desktops , android mobile).
  2. the first instance of form works expected, subsequent attempts add comments cursor not show in tinymce , user cannot enter comments.
  3. without external keyboard, when form opened keyboard pops - have found manually closing keyboard, tapping in textarea again works.
  4. 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

Popular posts from this blog

c# - Update a combobox from a presenter (MVP) -

How to understand 2 main() functions after using uftrace to profile the C++ program? -

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -