jquery – 一个页面中的Redactor编辑器的多个实例不起作用

$(".htmlEditor").redactor();

您必须单独初始化每个编辑器.当您使用$(“.htmlEditor”).redactor();时,您正在选择DOM树中已经初始化的编辑器的所有编辑器,这会导致多个初始化问题.您说要动态添加编辑器,因此您必须单独初始化每个新编辑器,即使没有ID也是如此.为此,您必须获取最新动态添加的编辑器DOM对象并使用jquery初始化它.我写了一个简单的例子,它有一个按钮,可以添加一个新的编辑器,并在每次点击时对其进行初始化：

HTML

<div id="editors"></div>

<button id="add-editor">Add New Editor</button>

使用Javascript

$('#add-editor').on('click',function() {
    var new_editor_text = "<h2>Hello and welcome</h2>" +
        "<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>";

    var $editor = $('<textarea/>',{ 'class': 'redactor-editor',text: new_editor_text });

    $('#editors').append($editor);
    $editor.redactor();
});

这是我的工作示例,您可以测试并查看它的工作情况：http://zikro.gr/dbg/html/redactor/

这是一个屏幕截图,显示它是如何工作的：