AngularJs를 사용하여 contenteditable div에 일반 텍스트로 붙여 넣기

Question

특정 문서 (pdf, docx, html)에서 선택한 텍스트를 contenteditable 유형의 div에 붙여 넣으 려합니다.

이으로 렌더링되기 전에 클립 보드 텍스트의 모든 서식을 제거하고 싶습니다. 따라서 붙여 넣은 최종 콘텐츠는 일반 텍스트 여야합니다.

이 시나리오의 아날로그는 콘텐츠를 Windows 메모장에 붙여 넣을 수 있습니다.

어떻게 AngularJs를 사용하여이 작업을 수행 할 수 있습니까? 아니면 이것을 구현할 다른 자바 스크립트 라이브러리가 존재합니다.

업데이트 : 다음 코드를 사용하여 클립 보드를 텍스트로 가져올 수 있습니다.

editor.addEventListener("paste", function(e) { 
    // cancel paste 
    e.preventDefault(); 

    // get text representation of clipboard 
    var text = e.clipboardData.getData("text/plain"); 

    // insert text manually 
    document.execCommand("insertHTML", false, text); 
}); 

하지만 저는 어떻게이 코드를 AngularJs에 추가할지 모릅니다.

Answer 1

이 답변을 확인하면 붙여 넣기 이벤트를 캡처 할 수 있습니다. 그것은 내용 편집 가능한 div 또는 그렇지 않으면 중요하지 않습니다. 텍스트 영역을 HTML로

JavaScript get clipboard data on paste event (Cross browser)