SyntaxHighlighter 소스코드 URL 링크 삭제하기

2023.09.01

SyntaxHighlighter에 작성한 소스코드 안에 URL이 포함되어 있는 경우 URL을 클릭하면 해당 페이지로 이동됩니다.

 

URL 링크 삭제

소스 부분에 작성한 URL을 클릭해도 이동되지 않도록 링크를 삭제하기 위해서는 auto-links를 false로 설정해주면 됩니다.

pre 태그에 직접 설정하면은 해당 소스 부분만 적용이 되고, 스크립트에 추가하면 블로그 전체에 설정이 반영됩니다.

 

pre 태그 설정 방법

<pre class="brush:php ; auto-links:false">

…

</pre>

 

스크립트 설정 방법

작성 부분은 SyntaxHighlighter.all(); 앞에 작성해줘야 적용이 됩니다.

<script type="text/javascript">

SyntaxHighlighter.defaults['auto-links'] = false;

SyntaxHighlighter.all();

</script>

 

샘플

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title>샘플</title>
</head>
<body>
  <?php print 'Hello Word'; ?>
</body>
</html>

 

링크가 설정되어 있는 경우는 URL 주소 밑에 선이 들어가 있지만, 링크가 삭제되면 선이 없어지게 됩니다.

댓글