如何在angular5中获取iframe的内容

Question

我正在尝试为应用程序编写WYSIWYG。一切似乎都没问题，除非我没有[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你需要使用outerHTML：

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

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

Answer 2

我通过使用内部HTML解决了它

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

希望这对你有所帮助