WymEditorの静的コンテンツが複数回ロードされる

Question

私はdjangoフォームを使用しており、ページにwysiwymエディタをロードしています。問題は、各フォームに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に見えます。