맘대로 안되는 코드 하이라이팅 SyntaxHighlighter 3.0.83

demun
퍼블리셔/기술
2010. 10. 10. 20:12

이번에 업데이트된 syntaxHighlighter 을 사용해봤으나 시간만 잡아먹는다....다른 분들은 잘되는거 같은데...왜 나만 안되는지 모르겠다.

업데이트 이유는 아래와 같다.

티스토리 에디터에서 html 에 체크를 하고 코드를 입력하면 자기 맘대로 소문자가 대문자로 바뀐다.

즉 <div> 라고 입력했는데 <Div> 이런식으로 나온다.

a 링크도 마찬가지다 분면 <a href=... 이런식인데 나중에 보면 <A href=.... 이런식으로 나온다.

두번째 br 태그가 붇는다.

또 자잘한 버그로 에디터에서 html 글쓰기모드와 체크해제한 그냥 글쓰기 모드를 왔다갔다하면 어느새 빈공간에 코드가 들어가 행번호가 바뀐다....

이러한 이유를 업데이를 꼭 해내고야 말겠다는 의지......ㅎㅎㅎ

하지만 결과는 안된다.

이전버젼에서는 티스토리 치환자를 본문에 출력할수 있게 해서 무척 좋았다.

이전에는 여기에서 도움을 받아 설치하고 본문에 티스토리 치환자도 출력할수 있었다.

질문도 해보았으나 여전이 해결이 되지 않는데 나만 그런거 같다.

티스토리에 SyntaxHighlighter 를 설치하는 방법은 이렇다. 설치방법이 틀려서인가???

SyntaxHighlighter 홈페이지에서 다운로드 한다.

압축해제후 scripts 폴더안의 파일과 styles 폴더안의 파일을 모두 업로드한다.

그다음 아래의 코드를 그대로 <head>와 </head>안에 붙여넣는다.

<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shBrushAS3.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushColdFusion.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" src="./images/shBrushCSharp.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushDelphi.js"></script>
<script type="text/javascript" src="./images/shBrushDiff.js"></script>
<script type="text/javascript" src="./images/shBrushErlang.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJavaFX.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPerl.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushPlain.js"></script>
<script type="text/javascript" src="./images/shBrushPowerShell.js"></script>
<script type="text/javascript" src="./images/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushRuby.js"></script>
<script type="text/javascript" src="./images/shBrushSass.js"></script>
<script type="text/javascript" src="./images/shBrushScala.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushVb.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="./images/shCore.css">
<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css">
 
<script type="text/javascript">
//<![CDATA[
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
//]]>
</script>

이러면 설치는 끝이다. 하지만 문제는 티스토리 치환자이다.스킨관련 글을 많이 쓰기때문에 이부분을 해결해야 하는데 왜 안되는지 모르겠다. 이미지에 마우스를 갖다대면 이미지가 자세히 보입니다.

크롬에서 본 화면