도움말:위키 문법/SyntaxHighlight: 두 판 사이의 차이

(시작)
 
(→‎언어별 스타일: 외부 문서 확인)
 
(같은 사용자의 중간 판 2개는 보이지 않습니다)
108번째 줄: 108번째 줄:
언어별 스타일을 통해 어떤 형식으로 나오는지 확인 할 수 있습니다.
언어별 스타일을 통해 어떤 형식으로 나오는지 확인 할 수 있습니다.


===C===
[[Hello, world!#각 언어로 표현한 Hello, world!]] 문단을 확인하자!
<syntaxhighlight lang='C'>
#include <stdio.h>
 
int main()
{
printf("Hello World!");
 
return 0;
}
</syntaxhighlight>
 
===C++===
<syntaxhighlight lang='c++'>
#include <iostream>
 
int main(int argc, char* argv[]) {
    std::cout << "Hello World!" << std::endl;
 
    return 0;
}
</syntaxhighlight>
 
===JavaScript===
<syntaxhighlight lang='javascript'>
document.write("Hello World!")
</syntaxhighlight>


==각주==
==각주==

2021년 5월 17일 (월) 23:03 기준 최신판

#include <stdio.h>

int main()
{
	printf("Hello World!");

	return 0;
}

개요[원본 편집]

미디어위키의 확장기능인 SyntaxHighlight를 이용해 다양한 언어를 강조 할 수 있습니다.

지원 언어[원본 편집]

이 확장기능이 지원하는 언어는 다음과 같습니다.

  • C, C++
  • JavaScript(CoffeeScript, TypoScript...)
  • Shell(Bash, Console, Powershell...)
  • Java, Kotlin
  • PHP
  • Python
  • Ruby
  • C#
  • D
  • Dart
  • Fortran

등등... 거의 모든 언어들을 지원합니다. 모든 목록은 이곳에서 확인하시기 바랍니다.

기본 사용 방법[원본 편집]

<syntaxhighlight lang='언어명'> 코드들... </syntaxhighlight>

위와 같이 사용하면 됩니다.

예를 들어 html 코드인 경우, <syntaxhightlight lang='html'> 코드들... </syntaxhighlight>

와 같이 입력하면 됩니다.

줄번 표시[원본 편집]

몇번째 줄인지 표시하려고 하려면, line 속성을 사용하면 됩니다.

<syntaxhighlight lang='console' line>처럼 말이죠.

특정 줄 번호부터 시작[원본 편집]

코드 일부분만 표시하고 싶을때, 시작 줄번호를 설정 할 수 있습니다.

line 속성을 응용하는 것입니다. line start="숫자" 형태로 입력하면 됩니다. 예를 들어 153번째 줄부터 시작하고 싶다면

<syntaxhighlight lang='php' line start"=152"> 이라고 입력하면 됩니다.

줄 강조[원본 편집]

특정 줄을 강조하고 싶은가요? 그럴땐 'highlight 속성을 사용하면 됩니다. highlight="숫자" 형식으로 입력하면 됩니다.

여러 줄을 강조하고 싶은 경우, 쉼표(,)로 강조하고 싶은 줄 번호를 입력[1]하거나, 범위로 입력[2]할 수 있습니다.

주의[원본 편집]

#특정 줄 번호부터 시작하여 줄 강조를 하고 싶은 경우, 실제 줄 번호를 입력해야 한다는 점입니다. 예를 들어 아래의 코드가 있습니다.

<head>
	<title>제목</title>
</head>
<body>
	<h2>안녕!</h2>
	<p>반가워~</p>
</body>

이때 4-6번 줄을 강조하고 싶다면, highlight="4-6"이 아닌, "2-4"를 입력해야 합니다.

<head>
	<title>제목</title>
</head>
<body>
	<h2>안녕!</h2>
	<p>반가워~</p>
</body>

만약 4-6으로 입력하면 엉뚱한 줄이 강조된다.

<head>
	<title>제목</title>
</head>
<body>
	<h2>안녕!</h2>
	<p>반가워~</p>
</body>

언어별 스타일[원본 편집]

언어별 스타일을 통해 어떤 형식으로 나오는지 확인 할 수 있습니다.

Hello, world!#각 언어로 표현한 Hello, world! 문단을 확인하자!

각주[원본 편집]

  1. 예 : 1,4,6
  2. 예 : 5-9
• 현재 페이지 URL 줄이기