Devcafe: /* highlight.js HTML */

2024-10-24T13:08:31Z

highlight.js HTML

← 이전 판		2024년 10월 24일 (목) 22:08 판
41번째 줄:		41번째 줄:
	</body>		</body>
	</html>		</html>

	</source>		</source>
			<source lang=python>
	* <pre><code class="autoit"> 태그는 문법 강조 영역		* <pre><code class="autoit"> 태그는 문법 강조 영역
	* AutoIt 코드: Embedded Web Browser로 HTML 로드		* AutoIt 코드: Embedded Web Browser로 HTML 로드
			</source>

	==== AutoIt 코드 ====		==== AutoIt 코드 ====

Devcafe: /* HTML + highlight.js */

2024-10-24T13:07:47Z

HTML + highlight.js

← 이전 판		2024년 10월 24일 (목) 22:07 판
7번째 줄:		7번째 줄:

	{{틀:요약		{{틀:요약
	\|제목: 코딩 순서		\|제목= 코딩 순서
	# HTML 파일 생성:		# HTML 파일 생성:
	## syntax_highlight.html 파일을 생성하고, 그 안에 highlight.js 를 사용한 코드 문법 강조 기능을 추가		## syntax_highlight.html 파일을 생성하고, 그 안에 highlight.js 를 사용한 코드 문법 강조 기능을 추가

Devcafe: 새 문서: == Autoit richedit syntaxlighter == * HTML, JavaScript,highlight.js 이용해 간단한 코드 편집기 * 로컬에서 사용하려면 highlight.js와 CSS 파일을 다운로드해 HTML 파일에 포함 시켜야 함 === HTML + highlight.js === * AutoIt GUI에서 RichEdit 대신 Embedded Web Browser를 사용하여 highlight.js 기반의 문법 강조 기능을 구현. {{틀:요약 |제목: 코딩 순서 # HTML 파일 생성: ## syntax_highlight.html 파일을 생성하고,...

2024-10-24T13:07:31Z

새 문서: == Autoit richedit syntaxlighter == * HTML, JavaScript,highlight.js 이용해 간단한 코드 편집기 * 로컬에서 사용하려면 highlight.js와 CSS 파일을 다운로드해 HTML 파일에 포함 시켜야 함 === HTML + highlight.js === * AutoIt GUI에서 RichEdit 대신 Embedded Web Browser를 사용하여 highlight.js 기반의 문법 강조 기능을 구현. {{틀:요약 |제목: 코딩 순서 # HTML 파일 생성: ## syntax_highlight.html 파일을 생성하고,...

새 문서

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

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

{{틀:요약
|제목: 코딩 순서
# HTML 파일 생성:
## syntax_highlight.html 파일을 생성하고, 그 안에 highlight.js 를 사용한 코드 문법 강조 기능을 추가
# AutoIt에서 Embedded Web Browser 사용:
## GUICtrlCreateObj 와 Shell.Explorer.2 객체를 사용해 Internet Explorer 컨트롤을 생성.
## HTML 파일을 Navigate 메서드로 불러와 표시
# GUI 메시지 루프:
## 사용자가 창을 닫을 때까지 메시지 루프를 유지
}}

==== highlight.js HTML ====
syntax_highlight.html 파일
<source lang=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>
</source>

* <pre><code class="autoit"> 태그는 문법 강조 영역
* AutoIt 코드: Embedded Web Browser로 HTML 로드

==== AutoIt 코드 ====
* Embedded Web Browser를 이용해 위의 HTML 파일을 표시
<source lang=autoit>

#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
</source>
[[category:autoit]]

Autoit richedit syntaxlighter - 편집 역사

Devcafe: /* highlight.js HTML */

Devcafe: /* HTML + highlight.js */