Home Summer Note Issue in Bootstrap modal
Reply: 0

Summer Note Issue in Bootstrap modal

user1481
1#
user1481 Published in June 24, 2018, 3:24 am

I am using Summer Text plugin inside my project. But it seems to be not working properly .The editable inside the Summer Note don't show any text which i typing. It only shows text when i resize the window in browser. I am including the code below, hope it's helps.

 <%-- Rendering modal--%>
<div id="TCModal" class="modal animated fadeIn" role="dialog">
   <div class="modal-dialog modal-dialog-w-lg">
      <!-- Modal content-->
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close text-inverse" style="opacity: .5" data-dismiss="modal" aria-hidden="true"><i class="ion-close-circled"></i></button>
            <h4 class="modal-title">Type Your Terms & Conditions &nbsp;</h4>
         </div>
         <div class="">
            <div style="max-height: 500px" id="summernoteTermsAndCondition">
            </div>
         </div>
      </div>
   </div>
</div>

And the initialization for summer note is

 $('#summernoteTermsAndCondition').summernote({
            placeholder: '',
            height: 200,
            popover: {
                air: [
                  ['color', ['color']],
                  ['font', ['bold', 'underline', 'clear']]
                ]
            }
        });
You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.309563 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO