Ticket #11019: a.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.2/ckeditor.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.2/adapters/jquery.js"></script>

<button id=go>Go!</button>
<div id=timer></div>

<div id=modal>
</div>


<script>

  var timer = -1;

  window.setInterval(function() {
    if (timer < 0) {
      return;
    }
    if (timer == 1)  {
      timer = -1;
      $('#timer').html('destroying ckeditor');
      CKEDITOR.instances.foo.destroy();
    }
    timer--;
    $('#timer').html('' + timer + ' seconds left');
  }, 1000);

  $('button#go').click(function() {
    timer = 10;

    $('#modal').html("<h2>this is modal</h2><textarea id=foo  style='width: 400px; height: 400px'>Some initial text.</textarea>");

    $('textarea#foo').ckeditor({
      height: "300px",
      toolbarStartupExpanded: true,
      width: "100%"
    });
  });
</script>