cannot type into tinymce textarea when jquery-ui.min.js is included - MASTERPAGE RELATED -
i checked many resources not find else having same issue. tinymce not clickable when include this: <script src="../scripts/jquery-ui.min.js"></script>
if not have it, works perfect. if include it, cannot click inside textarea , type something. problem need include jquery-ui file.
do have idea going on here?
<link href="../content/bootstrap.min.css" rel="stylesheet" /> <link href="../content/jquery-ui.min.css" rel="stylesheet" /> <script src="../scripts/jquery-1.9.1.min.js"></script> <script src="../scripts/jquery-ui.min.js"></script> <script src="../scripts/bootstrap.min.js"></script> <script src="../scripts/tinymce/tinymce.min.js"></script> <script src="../scripts/tinymce/jquery.tinymce.min.js"></script> <script> tinymce.init({ selector: "textarea#txt_postcomment", theme: "modern", menubar: false, statusbar: false, toolbar_items_size: 'small', plugins: [ "advlist autolink lists link image charmap print preview hr anchor pagebreak", "searchreplace wordcount visualblocks visualchars code fullscreen", "insertdatetime media nonbreaking save table contextmenu directionality", "emoticons template paste textcolor" ], width: '100%', toolbar1: "insert file undo redo | styleselect | bold italic | alignleft aligncenter alignright align justify | bullist numlist outdent indent | link image", toolbar2: "print preview media | forecolor backcolor emoticons", image_advtab: true, templates: [ { title: 'test template 1', content: 'test 1' }, { title: 'test template 2', content: 'test 2' } ] }); </script> <textarea id="txt_postcomment">your content here.</textarea>
update
i have problem in pages uses masterpage. tested in other pages, worked great. have idea why masterpage causing this?
below how looks when tinymce used in webform without masterpage versus in webform masterpage. see section becomes empty when in page masterpage, problem.
not working:
working
you have use jquery noconflict resolve this. $.noconflict();
Comments
Post a Comment