2012-04-19 65 views
0

我使用Django的形式,並在頁面加載WYSIWYM編輯器。問題是每個表單有4個wysiwym編輯器實例,並且頁面平均可以有10-30個這樣的表單。WymEditor靜態內容加載多次

 {% 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中加載了這麼多次的好辦法?我絕對可以做同樣的事情在文檔加載後,但我主要是尋找一個鞏固的負載只有一次,如果可能的一個最佳實踐的解決方案。

回答

1

您可以根據需要初始化WYM,只有當用戶點擊進入textarea的。所以未使用的textareas不會減慢加載速度。

甚至隱藏文本域和展示的DIV與他們實際呈現的內容和捕獲點擊。會看起來不錯,很友善。