0

我正在使用 django 表单,并在页面中加载所见即所得编辑器。问题是每个表单都有 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 %}

我加载所见即所得的方式如下:对于所有类 wym 的输入,添加 wymeditor。

$('#page').live( 'pageinit', function(event) {
  $('.wym').each( function () { $(this).wymeditor(); });
});

这种方法会导致在同一页面上重新加载与所见即所得编辑器相关的所有静态内容 40-100 次,从而导致疯狂的加载时间。

什么可能是实现这一点的好方法,而无需多次加载 css、图像和 iframe?在文档加载后我绝对可以做同样的事情,但我主要是在寻找一个最佳实践解决方案,如果可能的话,将负载合并到一次。

4

1 回答 1

1

仅当用户单击 textarea 时,您才能按需初始化 WYM。所以未使用的文本区域不会减慢加载速度。

甚至可能隐藏该文本区域并显示具有实际渲染内容的 DIV 并捕获对它们的点击。看起来不错,一种所见即所得。

于 2012-04-20T04:01:31.847 回答