JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.ckeditor.com/4.4.7/standard/ckeditor.js"></script>
JavaScript
$(function(){
// Create 150 textareas
for (i=0; i<150; i++){
$('body').append($('<div>', {id: 'text_' + i, class: 'ck', contenteditable : true, html: i}))
}
// Simple config
var cfg = {"toolbar": [["Link", "Unlink"]], width: '350'};
// Replace divs with CKEditors
var txts = $('div.ck');
CKEDITOR.disableAutoInline = true;
for (i=0; i<txts.length; i++){
callEditor( i, cfg );
}
function callEditor( index, cfg ){
window.setTimeout(
function( ){
CKEDITOR.inline('text_' + index, cfg);
},
(index*300)+100 );
}
// This will result in "too much recursion" error in Firefox. And
// only first 95 textareas will be properly replaced. (this number varies?)
// Tested in Firefox 38.0.1 and 34.0 (64-bit)
// This demo works wihout erros on Chomium 43.0.2357.65 (64-bit)
});