Статический контент WymEditor загружается несколько раз

Question

Я использую формы django и загружаю редактор wysiwym на страницу. Проблема состоит в том, что каждая форма имеет 4 экземпляра wysiwym-редакторов, а страница может иметь 10-30 таких форм в среднем.

 {% for form in forms %} 
      <ul data-role='listview' data-inset='true' class='find_details' 
       id="find_details_{{ form.instance.id }}" style='display:none;' > 
       {{ form.as_ul }} 
      </ul> 
     {% endfor %} 

Путь Я загрузки WYSIWYM выглядит следующим образом: Для всех входов с классом wym, добавьте wymeditor.

$('#page').live('pageinit', function(event) { 
    $('.wym').each(function() { $(this).wymeditor(); }); 
}); 

Этот метод приводит к перегрузке всего статического контента, связанного с редактором WYSIWYM 40-100 раз на той же странице, что приводит к безумной времени загрузки.

Что может быть хорошим способом реализации этого, без загрузки CSS, изображений и фреймов столько раз? Я могу определенно сделать то же самое после загрузки документа, но в первую очередь я ищу оптимальное решение для консолидации нагрузок до одного раза, если это возможно.

Answer 1

Вы можете инициализировать WYM по требованию, только если пользователь нажимает на текстовое поле. Таким образом, неиспользуемые текстовые поля не замедляют загрузку.

Возможно, даже скрыть это текстовое поле и показать DIV с фактическим визуализированным контентом и щелкнуть по ним. Будет хорошо выглядеть, добрый wysiwyg.