Динамически создаваемая текстовая область summernote - как вызвать функцию при изменении

Question

Я динамически создаю текстовую область summernote и заполняю ее начальными данными.Когда эти данные изменяются, я хочу вызвать функцию для обновления базы данных.Для «ввода» поле «onchange» работает (срабатывает, когда вы вносите изменения, а затем покидаете поле), поэтому я попробовал это здесь, как показано ниже.Это не сработало (не сработало при выходе из поля), и нет сообщения журнала консоли.

var  json = json + "<textarea class='summernote col-lg-12 col-md-12 col-sm-12 col-xs-12' id='ymSpecificLine' name='ymSpecificLine' rows='1'"
    	  							+ "' onchange='taskDetailUpdateFunction(\"" + awardDetail.getAdDescription().replace("\"", "&quot;") + "\", \"" + encoded_task_detail_ID.replace("\"", "&quot;") + "\")'>";
    json = json + awardDetail.getAdDescription();
    json = json + "</textarea>";

Answer 1

Summernote имеет методы, которые могут быть вызваны для этого: https://summernote.org/deep-dive/#callbacks

Вы бы вызвали метод onChange, как определено здесь: https://summernote.org/deep-dive/#onchange

Answer 2

Вы должны ввести его в DOM с помощью innerHTML:

var json = "<textarea class='summernote col-lg-12 col-md-12 col-sm-12 col-xs-12' id='ymSpecificLine' name='ymSpecificLine' rows='1' onchange='onChange()'></textarea>";
document.getElementById("demo").innerHTML = json;

function onChange(){
  console.log("Value changed to: "+document.getElementById("ymSpecificLine").value);
}

<p>Change my value then press TAB:</p>
<div id="demo"></div>