2012-04-19 59 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与他们实际呈现的内容和捕获点击。会看起来不错,很友善。