Autoit richedit syntaxlighter

HTML, JavaScript,highlight.js 이용해 간단한 코드 편집기
로컬에서 사용하려면 highlight.js와 CSS 파일을 다운로드해 HTML 파일에 포함 시켜야 함

HTML + highlight.js

AutoIt GUI에서 RichEdit 대신 Embedded Web Browser를 사용하여 highlight.js 기반의 문법 강조 기능을 구현.

제목을넣으세요

highlight.js HTML

syntax_highlight.html 파일


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AutoIt Syntax Highlight Example</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
    <script>hljs.highlightAll();</script>
</head>
<body>
    <pre>
<code class="autoit">
; AutoIt 예제 코드
Func HelloWorld()
    MsgBox(0, "Hello", "Hello, AutoIt!")
EndFunc
</code>
    </pre>
</body>
</html>

```
 태그는 문법 강조 영역
```


AutoIt 코드: Embedded Web Browser로 HTML 로드

AutoIt 코드Embedded Web Browser를 이용해 위의 HTML 파일을 표시


#include <GUIConstantsEx.au3>
#include <IE.au3> ; Embedded IE 컨트롤 사용

; GUI 생성
Local $hGui = GUICreate("Syntax Highlight Example", 800, 600)

; Embedded Web Browser 컨트롤 생성
Local $oIE = ObjCreate("Shell.Explorer.2")
Local $IECtrl = GUICtrlCreateObj($oIE, 10, 10, 780, 580)

; GUI 표시
GUISetState(@SW_SHOW)

; HTML 파일 로드
$oIE.Navigate(@ScriptDir & "\syntax_highlight.html")

; 메시지 루프
While 1
    Switch GUIGetMsg()
        Case $GUI_EVENT_CLOSE
            ExitLoop
    EndSwitch
WEnd

GUIDelete($hGui)
Exit

Comments