Highlighting in iframe

[dattran2346]

Currently I have a remote html document and I want to implement the auto highlighting feature on the remote html using web-highlighter. Below is my code

<iframe id="iframe-id" src="https://content.my-server.com/file.html">

// after the iframe have been loaded
let iframeDocument = document.getElementById("iframe-id").contentWindow.document
let highlighter = new Highlighter({
      $root: iframeDocument.documentElement,
      wrap: "span",
      style: {
        className: "highlight-class"
      }
    })

highlighter.run()

I have tested this code on the local document and it works great, however, the I can't do auto highlighting on remote resource.

[alienzhou]

Maybe due to some security policies about the iframe. Manipulating elements in the iframe from the parent seems to be dangerous for browsers.

Is there any error or warning on the console?

[dattran2346]

It's is due to the CORS restriction. I can workaround it using Disable Cross-Origin Restrictions setting in Safari.