WymEditor 정적 컨텐츠가 여러 번로드됩니다.

Question

django 폼을 사용하고 페이지에 wysiwym 편집기를로드하고 있습니다. 문제는 각 양식에 4 개의 편집기 편집기 인스턴스가 있으며 페이지의 평균 크기는 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, 이미지 및 iframe을 여러 번로드하지 않고 구현할 수있는 좋은 방법은 무엇입니까? 문서를로드 한 후에도 똑같은 작업을 수행 할 수 있지만 가능한 경우로드를 한 번만 통합하는 최상의 방법을 찾고 있습니다.

Answer 1

사용자가 텍스트 영역으로 클릭 한 경우에만 요청시 WYM을 초기화 할 수 있습니다. 따라서 사용되지 않는 텍스트 영역은 로딩 속도를 늦추지 않습니다.

텍스트 영역을 숨기고 실제로 렌더링 된 내용으로 DIV를 표시하고 클릭을 잡을 수도 있습니다. 좋은, 친절한 wysiwyg 보일 것입니다.