Question

Because I have multiple textareas in HTML code, I pass the id value through Javascript to retrieve the data in each textareas. However, in the JS function, the “CKEDITOR.instances.id” doesn’t represent as expected such as CKEDITOR.instances.editor_1, CKEDITOR.instances.editor_2, or CKEDITOR.instances.editor_4, therefore, I don’t have any data retrieved. Anyone knows how to fix this please let me. Heaps of thanks.

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 code:

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

Answer 1

Try adding [] between id

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