WymEditor 静态内容加载多次答案

【问题标题】：WymEditor static content loads multiple timesWymEditor 静态内容加载多次
【发布时间】：2012-05-01 13:03:58
【问题描述】：

我正在使用 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？我绝对可以在文档加载后做同样的事情，但我主要是在寻找一种最佳实践解决方案，尽可能将负载合并到一次。

【问题讨论】：

标签： jquery django static-content wysiwym

【解决方案1】：

您可以按需初始化 WYM，仅当用户点击进入 textarea 时。所以未使用的文本区域不会减慢加载速度。

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

【讨论】：