Many CKEditors

by adrianrosca

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="//cdn.ckeditor.com/4.5.6/standard/ckeditor.js"></script>
<div>
  Click "lorem ipsum" text below to create editor...
 
  <hr>

  <div id="editor" contenteditable>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris euismod eros in porttitor dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed nibh ante, molestie vel mollis et, iaculis et odio. In porttitor vehicula nulla in facilisis. Nulla pulvinar sollicitudin suscipit. Nunc cursus ligula sit amet vehicula gravida. Suspendisse iaculis, dui non tristique aliquam, nunc augue facilisis nulla, eu vulputate nunc ligula a erat.
  </div>
  
  <hr>
  <br><br><br><br><br><br>
  
    <div id="btn_destroy" style="">
  CLICK TO DESTROY EDITOR
  </div>
</div>

CSS

#btn_destroy
{
  background:gray;
  padding:5px; 
  display: inline-block;
  color: white;
}

JavaScript

$(function()
{
	$("#editor").click(function()
  {
  	CKEDITOR.inline("editor");
  });
  
  
  $("#btn_destroy").click(function()
  {
  	for (var key in CKEDITOR.instances)
    {
    	CKEDITOR.instances[key].destroy(true);
    }
  });
});