Question

因为我在HTML代码中有多个textareas，所以我通过Javascript传递id值来检索每个textareas中的数据。但是，在JS函数中，“CKEDITOR.instances.id”并不代表预期，如CKEDITOR.instances.editor_1，CKEDITOR.instances.editor_2或CKEDITOR.instances.editor_4，因此，我没有任何检索数据。任何人都知道如何解决这个问题请让我。多谢。

HTML code：

    <textarea name="edit_1"></textarea>
    <input type="button" value="submit" onClick="getValue('edit_1')" />
    <textarea name="edit_2"></textarea>
    <input type="button" value="submit" onClick="getValue('edit_2')" />
    <textarea name="edit_2"></textarea>
    <input type="button" value="submit" onClick="getValue('edit_3')" />

JS代码：

    var getValue = function(id) {
        var content = CKEDITOR.instances.id.getData();
        alert(content);
    };

Answer 1

尝试在id

之间添加[]

var getValue = function(id) {
    var content = CKEDITOR.instances[id].getData();
    alert(content);
};

Answer 2

我必须做这样的事情，因为我将事件绑定到具有多个实例的动作。并尝试获取数据，但除最后一个之外，任何其他方法都将始终返回null……尽管使用事件（e.editor）仍然有效。

var editors = CKEDITOR.instances;
    for (var x in editors) {
      if (editors[x]) {
        var thisName = editors[x].name;
        if (editors[thisName]) {
          editors[thisName].on('focus', function (e) {
            socket.emit('ckeditor_field_type_edit', user, e.editor.name);
          });
          editors[thisName].on('key', function (e) {
            var data = e.editor.getData();
            socket.emit('ckeditor_field_type_typing', user, e.editor.name, data);
          });
          editors[thisName].on('blur', function (e) {
            var data = e.editor.getData();
            setTimeout(function () {
              socket.emit('ckeditor_field_type_edit_finish', user, e.editor.name, data);
            }, 1000);
          });
        }
      }
    }

CKEDITOR：从Javascript中的多个实例名称中获取数据

2 个答案: