[need help]load javascript in webview #110

retsyo · 2022-09-09T04:32:20Z

this mini html can render mermaid diagram as expected

<!DOCTYPE html>
<html>
  <body>

  <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
  <script>
   	mermaid.init({ startOnLoad: false });
  </script>

    Here is one mermaid diagram:

  <div class="mermaid">
        graph LR;
        A --> B
        B --> C
        C --Route--> A
  </div>

</body>

however, the nim code does not render the diagram

import wNim


let app = App(wSystemDpiAware)
let frame = Frame(title="wWebView", size=(640, 460))
let webView = WebView(frame, style=wWvSilent)

webView.html = """
<!DOCTYPE html>
<html>
  <body>

  <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
  <script>
   	mermaid.init({ startOnLoad: false });
  </script>

    Here is one mermaid diagram:

  <div class="mermaid">
        graph LR;
        A --> B
        B --> C
        C --Route--> A
  </div>

</body>
"""

frame.center()
frame.show()
app.mainLoop()

so what is the way to fix it? Thanks.

khchen · 2022-10-16T22:17:53Z

wWebView in wNim use IWebBrowser2, and the last version of browser it supports is deprecated IE11.
Dose IE11 support the mermaid.js that you used? (untested)

retsyo · 2022-10-17T13:30:11Z

So bad, it seems that IE1 does not support mermaid.js

I am asking because I met a language which claims that HTML+JavaScript can be used to realize UI( https://mp.weixin.qq.com/s/SDrzvtE6YMGmnPBqwdHtcA ), in fact, the demo gifs seem some pretty.

I tested the html page in IE 11(C:\Program Files\Internet Explorer\iexplore.exe) on win 10 64 bits
Internet Explorer restricted this webpage from running scripts or ActiveX controls.
is prompted. Even I choose enable, only

Here is one mermaid diagram: 
graph LR;A --> BB --> CC --Route--> A

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[need help]load javascript in webview #110

[need help]load javascript in webview #110

retsyo commented Sep 9, 2022

khchen commented Oct 16, 2022

retsyo commented Oct 17, 2022

[need help]load javascript in webview #110

[need help]load javascript in webview #110

Comments

retsyo commented Sep 9, 2022

khchen commented Oct 16, 2022

retsyo commented Oct 17, 2022