Javascript Django CKEditor小部件未动态加载

Javascript Django CKEditor小部件未动态加载,javascript,python,django,ckeditor,django-ckeditor,Javascript,Python,Django,Ckeditor,Django Ckeditor,我在用html加载前端表单上的第二个和下一个ckeditor小部件时遇到问题。它在管理中运行良好。当我单击AddMoreFormSetDynamics时,小部件不会显示出来,而是显示textarea,它只在第一个(初始化的)表单上工作。我已经按照文档一步一步地了解了基本要求。我将Django与Django ckeditor包一起使用。页面上没有javascript错误 对不起,之前没有显示任何代码。这是javascript的一部分,在单击按钮后动态添加另一个表单集: <script src

我在用html加载前端表单上的第二个和下一个ckeditor小部件时遇到问题。它在管理中运行良好。当我单击AddMoreFormSetDynamics时,小部件不会显示出来,而是显示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);});

$(“#添加更多工作”)。单击(函数(){
var form_idx=$('#id_form_set-TOTAL_FORMS').val();
$('#form#set_work')。追加($('#empty_form_work')。html()。替换(/#prefix_u/g,form_idx));
$('#id_form_set-TOTAL_FORMS').val(parseInt(form_idx)+1);};

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

您可能想看看如何使用Django 1.9以后提供的

一个简单的方法(由和组合而成)可能如下所示:

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

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

你能发布一张图片或一些相关的代码吗,我真的不明白你所说的第二个和下一个ckeditor小部件是什么意思。谢谢,我刚才就这么做了。我所说的第二个和下一个小部件是指当我使用ckeditor小部件添加表单元素时,dynamic.ckeditor不会自动绑定到动态创建的元素。非常感谢您的回答^@AnttiHaapala