1

我在 html 的前端表单上加载第二个和下一个 ckeditor 小部件时遇到问题。它在管理员中运行良好。当我单击动态添加更多表单集时，小部件不会出现，而是显示 textarea，它只适用于第一个（初始化的）表单。我已经按照文档逐步了解基本要求。我正在使用 Django 和 django-ckeditor 包。页面上没有 javascript 错误。

抱歉之前没有显示任何代码。这是 javascript 的一部分，它在单击按钮后动态添加另一个表单集：

<script src="//cdn.ckeditor.com/4.4.5/standard/ckeditor.js"></script>
<script type="text/javascript" src="ckeditor/ckeditor-init.js"></script>

$('#add_more_work').click(function(){
var form_idx = $('#id_form_set-TOTAL_FORMS').val();
$('#form_set_work').append($('#empty_form_work').html().replace(/__prefix__/g, form_idx));
$('#id_form_set-TOTAL_FORMS').val(parseInt(form_idx) + 1);});

使用 ckeditor 小部件的字段在通过此按钮动态添加后未加载，而是显示纯文本区域。我错过了什么吗？

4

1 回答 1

3

你可能想看看从 Django 1.9 开始使用formset:added和formset:removedJavaScript 信号。

一个简单的方法（结合django-content-editor和feincms3）可能如下所示：

(function($) {
  $(document).on('formset:added', function newForm(event, row) {
    row.find('textarea').each(function() {
      CKEDITOR.replace(this.id);
    });
  });
})(django.jQuery);

我将把处理留给formset:removed读者。

于 2017-04-23T12:30:25.543 回答