Добавить строку в html текстовой области ckeditor

Question

У меня есть ckEditor внутри data.aspx.Когда я нажимаю «Источник» в CKeditor, я могу просмотреть HTML-код.Когда страница загружена, я хочу вставить простое значение в элемент HTML с помощью jQuery.

Я много пробовал, но текст не вставляется / не отображается внутри textbox / ckeditor

<div id="--main"></div> 

function appendLoanMembersInEditor() {
  var json_data = jQuery.parseJSON($("#document_data").val());
  var container = $("iframe").contents().find(".cke_widget_drag_handler_container");
  var users_arr = [];
  var users_arrStr = getValue(json_data, "Username");

  users_arrStrSplitted = users_arrStr.toString().split(",");
  users_arrStrSplitted.forEach(function(obj) {
    users_arr.push(obj.toString());
  });

  var data = "";
  for (var i = 0; i < users_arr.length; i++) {
    data += "
    All Usernames are: " + users_arr[i];
    data += "\n"
  }

  console.log("data " + data)
  var element = new CKEDITOR.dom.element(document.getElementById('#--main'));

  element.appendHtml(data);
  return data;

  // CKEDITOR.instances['contract_editor'].insertHtml(data);
  //element.ins
  //$("#--main").append(data);
}

Ниже приведен элемент div с id = "- main":

<div>
<div id="--main"> </div>
</div>