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，images和iframe加载这么多次的情况下，实现这个的好方法是什么？文档加载后我绝对可以做同样的事情，但我主要是寻找一个最佳实践解决方案，如果可能的话，将加载合并到一次。

Answer 1

只有当用户点击进入textarea时，您才可以按需初始化WYM。所以未使用的textareas不会减慢加载速度。

甚至可能会隐藏textareas并显示具有实际呈现内容的DIV并捕获它们的点击次数。看起来不错，亲切的是一种体贴。