Статическое содержимое 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 с актуальным отображаемым контентом и ловить клики на них. Хорошо будет выглядеть, добрый вайсвиг.