Доступная для содержимого вставка в виде обычного текста

#javascript #html #angular

Вопрос:

Я хотел бы ограничить вставку текста contenteditable обычным текстом. У меня есть html-файл и ts-файл.

Я попытался использовать этот метод, но он продолжает показывать это сообщение об ошибке: свойство «clipboardData» не существует для типа «Событие».

 window.onload = function(){
  document.querySelector('#divId').addEventListener('paste', (e) => {
      e.preventDefault();
      const text = e.clipboardData.getData('text/plain');
      console.log(text);
      window.document.execCommand('insertText', false, text);
  })
} 
 <div contenteditable="true" id="divId" style="border: 1px #ebedf2 solid; font-size: 17px; font-weight: 600; font-family: sans-serif; color: #575962;"></div> 

Комментарии:

1. вы не должны этого делать, потому что как вы предотвратите дефолт?

2. clipboardData это экспериментально , вы не должны полагаться на это