Обработка несколько экземпляра CKEditor на одной странице

Question

Я создал несколько экземпляров CKEditor на основе моего АЯКСА данных и уничтожить экземпляр по требованию, как, как показано ниже

for (var i in CKEDITOR.instances) 
      try{ 
       CKEDITOR.instances[i].destroy(); 
      }catch(e){ 
       CKEDITOR.instances[i] = null; 
      } 
} 

Я создал редактор, используя цикл с заданным value.Look в plunker

В принципе, мне нужно показать весь редактор после загрузки страницы на основе данных ajax. Поэтому, когда мои данные огромны, создайте несколько экземпляров, которые затем потребляют память браузера.

Инициирующий редактор по требованию не является моим требованием. Как я могу показать редактор, а также считать память браузера после загрузки страницы? Пожалуйста, совет

Answer 1

Если бы я был вами, я бы использовал легкий вес inline editor instances. Создать их по требованию, чтобы сэкономить время и повысить производительность (plunker):

// http://docs.ckeditor.com/#!/api/CKEDITOR-cfg-disableAutoInline 
CKEDITOR.disableAutoInline = true; 

function generateEditor(i) { 
    return CKEDITOR.dom.element.createFromHtml('<div contenteditable="true" id="editor' + i + '"></div>'); 
} 

$(function() { 
    var holder = CKEDITOR.document.getById('holder'), 
     el; 

    for (var editor = 100; editor--;) { 
    el = generateEditor(editor); 
    holder.append(el); 

    el.once('click', function() { 
     CKEDITOR.inline(this); 
    }); 
    } 

    console.log(CKEDITOR.instances); 
}); 

также:

• Убедитесь, что вы используете наименьшее подмножество плагинов можно улучшить производительность. basic package является хорошей отправной точкой, но также взгляните на builder.