search

bootstrap-wysiwyg / bootstrap3-wysiwyg

Simple, beautiful wysiwyg editor
http://bootstrap-wysiwyg.github.io/bootstrap3-wysiwyg/
MIT License
834 stars 264 forks source link

Bootstrap WYSIHTML5 is not loading in modal #211

Open Syedwaheed opened 6 years ago

Syedwaheed commented 6 years ago

First Thanks for your great work. I have added CSS and javascript links on my page where i need to popup modal but its not working and i m not getting an error on console. This is how i m adding it on page.

<head>
<script` src="<?php echo base_url(); ?>assets/js/jquery.min.js"></script>
<script src="<?php echo base_url(); ?>assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="<?php echo base_url();?>assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<script src="<?php echo base_url();?>assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
</head>
<body>
  <div class="modal fade" id="modal-default">
          <div class="modal-dialog">
            <div class="modal-content">

            <div class="box box-info">
            <div class="box-header">
              <i class="fa fa-envelope"></i>

              <h3 class="box-title">Feed Back</h3>
              <!-- tools box -->
              <div class="pull-right box-tools">
                <button type="button" class="btn btn-info btn-sm" data-dismiss="modal" data-toggle="tooltip"
                        title="Remove">
                  <i class="fa fa-times"></i></button>
              </div>
              <!-- /. tools -->
            </div>
              <div class="modal-body">

            <div class="box-body">
              <form action="#" method="post" style="padding:10px;">
                <div class="form-group">
                  <input type="text" class="form-control" name="subject" placeholder="Video Name">
                </div>
                <div>
                  <textarea class="textarea" placeholder="Message"
                            style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                </div>
              </form>
            </div>
            <div class="box-footer clearfix">
              <button type="button" class="pull-right btn btn-default" id="sendEmail">Send
                <i class="fa fa-arrow-circle-right"></i></button>
            </div>
          </div>

              </div>

            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->
</body>

And following is my output: feed