如何在angular5中獲取iframe的內容

Question

我正在嘗試為某個應用編程所見即所得。 一切似乎都還好，除非沒有[object HTMLBodyElement]我無法獲得iframe的值

let content = this.richtextarea.nativeElement.contentDocument.body

當我console.log(content) ，我得到<body>...</body>但是嘗試將其存儲到數據庫中時，它說是[object HTMLBodyElement] 。

我試過將iframe值轉換為字符串，但沒有運氣。

如何獲取iframe的值作為字符串？

有更好的方法嗎，例如將Iframe的值移動到textarea，然后在組件類中獲取textarea的值？

Answer 1

let content = this.richtextarea.nativeElement.contentDocument.body

給您元素而不是字符串html，您需要使用externalHTML ：

this.richtextarea.nativeElement.contentDocument.body.outerHT‌ML

或innerHTML ：

this.richtextarea.nativeElement.contentDocument.body.innerHT‌ML

Answer 2

我通過使用內部HTML解決了它

this.richtextarea.nativeElement.contentDocument.body.innerHT‌ML

希望這對您有幫助