Zasymulowanie onchange dla textarea

Cześć,
Mam po załadowaniu pewnej strony poniższy obiekt:

<textarea id="id1" name="name1" style="width: 566px; margin: 0px; height: 294px;" rows="5" 
onblur="limitText(this, 8000)" 
onkeyup="limitText(this, 8000)" 
onchange="saveInputTA(this.name, this);">
TREŚĆ
</textarea>

Za pomocą skryptozakładki chcę zmienić zawartość. Kod, który jest podpięty do skryptozakładki

document.getElementById('id1').value="NOWA TREŚĆ";

Nowa treść jest wpisana do textarea natomiast nie jest ona wykorzystywana, tylko ta domyślna. Jeżeli wpisuje tekst z klawiatury to wszystko jest ok.
Jak zasymulować onchange w tym przypadku?

Próbowałem poprzez

var event = new Event('input', { 'bubbles': true, 'cancelable': true });
document.getElementById('id1').value = "NOWA TREŚĆ";
document.getElementById('id1').dispatchEvent(event);

ale to nie działa.

Próbowałem również tego sposobu, bezskutecznie
https://stackoverflow.com/questions/10963283/posting-a-dynamically-changed-textarea-value-doesnt-work-with-ajax-forms

Proszę o pomoc jak to zrobić.

Może tak lub podobnie?

const event = new Event('input', { 'bubbles': true, 'cancelable': true });
const textarea = document.getElementById('id1');
textarea.value = "NOWA TREŚĆ";
textarea.onchange(event);