WebView2AutoIt - AutoIt WebView2 Component (COM Interop)

ioa747 · February 4

I see everything normally
I didn't notice any flickering
not even the reload

water · February 9

Added this UDF to the wiki

Edited February 9 by water

bladem2003 · February 14

Hello, how can I extract the HTML source code from the right frame when I have two iframes?

In the example below from https://www.autoitscript.com.

Using GetHtmlSource() only returns the source code of the main HTML.

<!DOCTYPE html>
<html>
<body>

<h1>The iframe element</h1>

<iframe src="https://www.w3schools.com" title="W3Schools Free Online Web Tutorials">
</iframe>

<iframe src="https://www.autoitscript.com/" title="Autoit">
</iframe>

</body>
</html>

Edited February 14 by bladem2003

argumentum · February 14

:oops: ( misunderstood the question )

Edited February 14 by argumentum

mLipok · February 14

3 hours ago, bladem2003 said:

when I have two iframes

Not knowing how.

You can think as this is not supported yet, but this is only a matter of time to get knowing how to do it.

mLipok · February 14

3 hours ago, mLipok said:

You can think as this is not supported yet, but this is only a matter of time to get knowing how to do it.

https://github.com/ioa747/NetWebView2Lib/issues/91

mLipok · February 18

not here... sorry

Edited February 18 by mLipok

ioa747 · March 15

019-Markdown Project - Example

This is a fast and responsive Markdown editor built with AutoIt,
utilizing the WebView2 control for high-performance rendering.
It provides a seamless writing experience by bridging a native Windows interface with the modern Marked.js engine.

Key Features:

Real-Time Preview: Instantly see your Markdown rendered as HTML as you type.
Smart Editing: Dedicated formatting tools for Bold, Italic, Underline, and Code snippets.
File Management: Full support for creating, opening, and saving .md files with "Unsaved Changes" protection.
Modern Rendering: Powered by Microsoft Edge WebView2 for accurate and secure document display.
External Link Handling: Automatically intercepts web links to open them in your default system browser.
Clean Export: Easily copy the generated HTML code to your clipboard for use in other applications.

https://github.com/ioa747/NetWebView2Lib/blob/main/examples/019-MarkdownViewer.au3
https://github.com/ioa747/NetWebView2Lib/blob/main/examples/JS_Lib/marked/marked.umd.js

Please, every comment is appreciated!
leave your comments and experiences here!
Thank you very much

mLipok · March 16

On 3/15/2026 at 8:35 PM, ioa747 said:

019-Markdown Project - Example

At first glance, I thought you meant creating an EDITOR, a kind of CMS editor, something like:

But now I understand your concept differently.
I think this will be really great for quickly creating well formated message window.

mLipok · March 16

17 minutes ago, mLipok said:

I thought you meant creating an EDITOR, a kind of CMS editor

I meant about using this:

https://www.tiny.cloud/get-tiny/

https://www.tiny.cloud/docs/tinymce/latest/full-featured-premium-demo/

or this:
https://ckeditor.com/ckeditor-5/download/#self-hosted-zip

https://ckeditor.com/ckeditor-5/demo/

With ability to save the content and read it form BINARY data (which can hosted on user DMBS)

ioa747 · 2026-03-22T11:46:58Z

New Version (v2.2.1-alpha) has arrived
I updated the first post

🛠️ Migration Note (Important)

Due to changes in the COM Dispatch IDs (DispIds) for better organization, it is highly recommended to run the included RegCleaner.au3 before registering the new version. This ensures that any stale registry entries from previous builds are purged, preventing "Object action failed" errors.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

019-mdMsgBox_Example.au3

Modern Markdown MsgBox via WebView2 & AutoIt

https://github.com/ioa747/NetWebView2Lib/blob/main/examples/019-mdMsgBox.au3

Hello everyone,

I'd like to share a project that serves as a modern, highly customizable MsgBox.
It uses Microsoft Edge WebView2 to render content, allowing for full Markdown support and Font Awesome 7 icons.

Why use this?
Rich Formatting: Use Bold, Italic, Lists, and Headers via Markdown.

Font Awesome Integration: Support for 2,000+ icons with native animations (spin, bounce, beat).
Standalone/Native: The mdMsgBox.exe can be used as a standalone tool.

CLI Ready: Pass data via command-line arguments (Hex encoded for safety).

Fully Customizable: Custom colors, widths, and "Default" button focus.

How it works

; 019-mdMsgBox_Example.au3

_Example1()
;~ _Example2()
;~ _Example3()
;~ _Example4()
;~ _Example5()

Func _Example1()
    ; === Caller Script Example ===
    Local $sTitle = "Markdown MsgBox"
    Local $sMarkdown = "" & _
            "# 🎯 Make your Choice" & @CRLF & _
            "This is a **Modern UI** message box." & @CRLF & _
            "* 1️⃣ **Engine:** WebView2" & @CRLF & _
            "* 2️⃣ **Parser:** Marked.js" & @CRLF & _
            "* 3️⃣ **Logic:** AutoIt Bridge"
    Local $sButtons = "1|2|3|~CANCEL"
    Local $sHexText = String(StringToBinary($sMarkdown, 4)) ; Convert to Hex for safe CLI passage

    ; Call your compiled EXE
    ; We pass Title, Text (Hex), Buttons and a custom Button Color
    Local $iExitCode = RunWait('mdMsgBox.exe /Title:"' & $sTitle & '" /Text:' & $sHexText & ' /Buttons:"' & $sButtons & '" /TopMost:1')

    Switch $iExitCode
        Case 0
            ConsoleWrite("User cancelled or closed the window." & @CRLF)
        Case 1, 2, 3
            ConsoleWrite("User clicked: " & $iExitCode & @CRLF)
        Case 4
            ConsoleWrite("User clicked: CANCEL (Default)" & @CRLF)
    EndSwitch
EndFunc   ;==>_Example1

Func _Example2()
    Local $sIcon = _FA("exclamation-triangle", 0, 0xF1C40F, "beat", 1)
    Local $sMarkdown = "## " & $sIcon & " Warning" & @CRLF & "SQLite3.dll could not be loaded."
    Local $sHexText = StringToBinary($sMarkdown, 4)
    RunWait('mdMsgBox.exe /Title:"Error" /MaxWidth:300 /Text:' & $sHexText & ' /Buttons:~Cancel')
EndFunc   ;==>_Example2

Func _Example3()

    Local $sBack = _FA("circle", 0, 0xD73443, "fade")  ; Flashing red circle (Fade)
    Local $sFront = _FA("exclamation")                 ; White exclamation mark (fixed)
    Local $sIconHeader = _FA_Stack($sBack, $sFront, 1) ; Stacking, 1 = fa-lg for slightly larger
    Local $sText = "## " & $sIconHeader & " Unsaved Data." & @CRLF & _
            "You have **unsaved changes**." & @CRLF & "Do you want to **exit without saving?**"
    Local $sHexText = StringToBinary($sText, 4)
    If RunWait('mdMsgBox.exe /Title:"Warning" /Text:' & $sHexText & ' /Buttons:~NO|YES /BtnDefColor:0x559FF2 /BtnColor:0xD73443') = 2 Then
        ConsoleWrite("...exit without saving" & @CRLF)
    EndIf

EndFunc   ;==>_Example3

Func _Example4()
    ;Example Blue gear turning
    Local $sIconHeader = _FA("cog", 0, 0x559FF2, "spin", 2)
    Local $sText = "### " & $sIconHeader & " processing..." & @CRLF & _
            "copy is in progress. Please wait."
    Local $sHexText = StringToBinary($sText, 4)

    Run('mdMsgBox.exe /Title:"copy in progress" /BtnDefColor:0x3EB10D /Text:' & $sHexText & ' /Buttons:~Cancel')

    Sleep(15000)
    WinClose("copy in progress")
EndFunc   ;==>_Example4

Func _Example5()

    ; === Caller Script Example ===
    Local $sTitle = "Markdown MsgBox"
    Local $sIconClick = _FA("hand-point-down", 0, 0x559FF2, "bounce", 1)

    Local $sMarkdown = "" & _
            "## 😎  Font Awesome icon library " & @CRLF & _
            "* is a **icon library** with **2,140 free** Icons." & @CRLF & _
            "* https://fontawesome.com/search?ic=free-collection  " & $sIconClick

    Local $sHexText = String(StringToBinary($sMarkdown, 4)) ; Convert to Hex for safe CLI passage

    Local $sBtn1 = _FA("arrow-rotate-right", 0, "", "spin", 1) & "arrow"
    Local $sBtn2 = _FA("floppy-disk", 1, "", "fade", 1) & "floppy"
    Local $sBtn3 = _FA("circle-down", 1, "", "beat", 1) & "down"
    Local $sBtn4 = _FA("clipboard", 1, "", "", 1, "fa-flip") & "clipboard"
    Local $sButtons = StringToBinary($sBtn1 & "|" & $sBtn2 & "|" & $sBtn3 & "|" & $sBtn4, 4)

    ; Call your compiled EXE
    Local $iExitCode = RunWait('mdMsgBox.exe /Title:"' & $sTitle & '" /Text:' & $sHexText & ' /Buttons:"' & $sButtons & '" /MaxWidth:500')
    ConsoleWrite("User clicked: " & $iExitCode & @CRLF)
EndFunc   ;==>_Example5

Func _FA($sIconName, $iStyle = 0, $hColor = "", $sEffect = "", $iSize = 0, $sExtra = "")
    ; https://docs.fontawesome.com/web/style/animate/
    ; $iStyle:  0="fa-solid", 1="fa-regular"
    ; $sEffect: "", "spin", "pulse", "beat", "fade", "bounce", "Shake", "beat-fade"
    ; $iSize:   0=normal, 1=lg, 2=2x, etc.
    ; $sExtra:  "fa-rotate-90", "fa-flip-horizontal", "fa-border"

    Local $sPrefix = ($iStyle ? "fa-regular" : "fa-solid")
    Local $sClass = $sPrefix & " fa-fw fa-" & $sIconName

    If $sEffect <> "" Then $sClass &= " fa-" & $sEffect
    If $sExtra <> "" Then $sClass &= " " & $sExtra

    If $iSize > 0 Then
        Local $sSizeSuffix = ($iSize = 1 ? "lg" : $iSize & "x")
        $sClass &= " fa-" & $sSizeSuffix
    EndIf

    Local $sStyleAttr = "margin-right:5px; vertical-align: middle;"
    If $hColor <> "" Then $sStyleAttr &= "color:#" & Hex($hColor, 6) & ";"

    Return "<i class='" & $sClass & "' style='" & $sStyleAttr & "'></i>"
EndFunc   ;==>_FA

Func _FA_Stack($sBackHTML, $sFrontHTML, $iStackSize = 0)
    Local $sSizeClass = ($iStackSize = 1 ? " fa-lg" : ($iStackSize > 1 ? " fa-" & $iStackSize & "x" : ""))
    Local $sFinalBack = StringReplace($sBackHTML, "fa-fw", "fa-stack-2x")
    Local $sFinalFront = StringReplace($sFrontHTML, "fa-fw", "fa-stack-1x fa-inverse")
    Return "<span class='fa-stack" & $sSizeClass & "' style='vertical-align: middle; margin-right: 8px;'>" & _
            $sFinalBack & $sFinalFront & _
            "</span>"
EndFunc   ;==>_FA_Stack

mdMsgBox parameters with default values
/BkColor:0x2B2B2B ; (Dark slate gray)
/TxtColor:0xE0E0E0 ; (Gainsboro)
/FootColor:0x1E1E1E ; (Black)
/MaxWidth:400
/MaxHeight:800
/Left:-1
/Top:-1
/Title:"Markdown MsgBox"
/Text:""
/Buttons:"OK"
/BtnDefColor:0xD73443 ; (Crimson)
/BtnColor:0x559FF2 ; (Cornflower blue)
/Timer:0
/TopMost:0
/Parent:0

https://fontawesome.com/search?ic=free-collection

Please, every comment is appreciated!
leave your comments and experiences here!
Thank you very much

Edited 6 hours ago by ioa747

argumentum · 2026-03-22T14:39:27Z

1) ..what if:
@mLipok makes something very cool with a version of this and ships to users.
@argumentum makes something very cool with another version of this and ships to users.

Can 2 different versions coexist ? Can it be made to coexist ?

2) I'd like to make those UI. Is there a "Koda" to make them ? How would I go about it ?

Thanks. All this is awesome

argumentum · 2026-03-22T14:55:41Z

image.png.28cf0f9ee9202f10847f7bdbe548e1f6.png

..scaling 175%

mLipok · 2026-03-22T15:23:52Z

27 minutes ago, argumentum said:

scaling 175%

What is wrong with this ?

mLipok · 2026-03-22T15:34:34Z

45 minutes ago, argumentum said:

1) ..what if:
@mLipok makes something very cool with a version of this and ships to users.
@argumentum makes something very cool with another version of this and ships to users.

Can 2 different versions coexist ? Can it be made to coexist ?

2) I'd like to make those UI. Is there a "Koda" to make them ? How would I go about it ?

Thanks. All this is awesome

Ad 1

What you mean ?

Ad 2

@ioa747

I did'nt look at the current example

https://github.com/ioa747/NetWebView2Lib/blob/main/examples/019-mdMsgBox_Example.au3

Please add standard win32 Edit field. Relate them with $sMarkdown

It would be like an editor, and quick tester for user projects.

argumentum · 2026-03-22T15:34:57Z

My monitor is 5120x2160 and the Scale is 175%

@ioa747, I've changed the example a bit to not have to compile the "mdMsgBox stub"

Spoiler

_Example1()
;~ _Example2()
;~ _Example3()
;~ _Example4()
;~ _Example5()

Func mdMsgBox_Exec($sParam) ; skip the compilation in the examples
    If FileGetSize("mdMsgBox.exe") Then Return ShellExecuteWait("mdMsgBox.exe", $sParam)
    If @AutoItExe = @ScriptFullPath Then Return ShellExecuteWait(@ScriptDir & '\019-mdMsgBox.au3', $sParam)
    Return ShellExecuteWait(@AutoItExe, '"' & @ScriptDir & '\019-mdMsgBox.au3" ' & $sParam)
EndFunc   ;==>mdMsgBox_Exec

Func _Example1()
    ; === Caller Script Example ===
    Local $sTitle = "Markdown MsgBox"
    Local $sMarkdown = "" & _
            "# 🎯 Make your Choice" & @CRLF & _
            "This is a **Modern UI** message box." & @CRLF & _
            "* 1️⃣ **Engine:** WebView2" & @CRLF & _
            "* 2️⃣ **Parser:** Marked.js" & @CRLF & _
            "* 3️⃣ **Logic:** AutoIt Bridge"
    Local $sButtons = "1|2|3|~CANCEL"
    Local $sHexText = String(StringToBinary($sMarkdown, 4)) ; Convert to Hex for safe CLI passage

    ; Call your compiled EXE
    ; We pass Title, Text (Hex), Buttons and a custom Button Color
    Local $iExitCode = mdMsgBox_Exec('/Title:"' & $sTitle & '" /Text:' & $sHexText & ' /Buttons:"' & $sButtons & '" /TopMost:1')

    Switch $iExitCode
        Case 0
            ConsoleWrite("User cancelled or closed the window." & @CRLF)
        Case 1, 2, 3
            ConsoleWrite("User clicked: " & $iExitCode & @CRLF)
        Case 4
            ConsoleWrite("User clicked: CANCEL (Default)" & @CRLF)
    EndSwitch
EndFunc   ;==>_Example1

Edited 11 hours ago by argumentum

argumentum · 2026-03-22T15:43:09Z

8 minutes ago, mLipok said:

Ad 1

What you mean ?

A user, any user: lets say @mLipok makes a script with this and everybody uses it because is great. Kudos
Then someone else makes a script a year later but conflicts with the prior version(s), then what 🤔

Hence the request to have the ability of registering each version independently so that they can both ( or multiple ) versions work without disrupting each other.

Maybe that is already there and I should study the script before making requests that already exist ? 😅

Edited 12 hours ago by argumentum

Sign In

WebView2AutoIt - AutoIt WebView2 Component (COM Interop)

Recommended Posts

ioa747

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

ioa747

mLipok

ioa747

Posted Images

water

bladem2003

argumentum

mLipok

mLipok

mLipok

ioa747

019-Markdown Project - Example

Key Features:

mLipok

mLipok

ioa747

🛠️ Migration Note (Important)

019-mdMsgBox_Example.au3

How it works

argumentum

argumentum

mLipok

mLipok

argumentum

argumentum

Create an account or sign in to comment

Create an account

Sign in

Browse

AutoIt Resources

Release

Beta