JSFiddle - React, Tailwind, and code Playground

by jschr

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script src="http://crm.sport2000.at/assets/js/plugins/bootstrap/plugins/bootstrap-modal.js"></script>
<script src="http://crm.sport2000.at/assets/js/plugins/bootstrap/plugins/bootstrap-modalmanager.js"></script>
<link rel="stylesheet" href="http://crm.sport2000.at/assets/css/plugins/bootstrap/plugins/bootstrap-modal-bs3patch.css">
<link rel="stylesheet" href="http://crm.sport2000.at/assets/css/plugins/bootstrap/plugins/bootstrap-modal.css">
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
      <textarea id="tinytest1">testasdfasdfasfasdfasdf</textarea>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>
<button class="btn btn-primary">click</button>

JavaScript

var $modal = $(".modal");

$modal
    .on('show', function () {
        // setTimeout is used to make sure the modal is appended before calling init
        setTimeout(function () {   
            tinymce.init({
                selector: '#tinytest1',
                menubar : false,
                height : 180
            });
        }, 0);
    })
    .on('hidden', function () {
       tinymce.remove('#tinytest1'); 
    });

$("button").on("click", function() {
    $modal.modal();
});