我有一个</iframe>
标签,并且我想在其中写内容,所以我做了以下工作:
<iframe #editor></iframe>
在我的组件内部:
@ViewChild('editor') iframe: ElementRef;
ngOnInit() {
const iframeDocument = this.iframe.nativeElement.contentDocument;
iframeDocument.designMode = 'on';
iframeDocument.body.style.fontFamily = '"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif';
iframeDocument.body.style.fontWeight = '400';
iframeDocument.body.innerHTML = 'Some content inside iframe';
}
此代码可与chrome
完美配合,并且可以看到内容已更改,但是与firefox
并不相同,我不确定为什么!