며칠 전(정확히는 5월 3일)에 Syntax Highlighter가 2.0.320으로 업데이트 되었다.
2.0.320을 티스토리에서 사용할 수 있도록 수정한 버전을 공개한다.
아래 파일을 다운받아 설치하면 된다. (상세한 설치방법은 티스토리에 SH 2.0 적용하는 방법을 참고하기 바란다)
덧1. 이번 업데이트에서 수정된 내용은 아래와 같다. (원문: Syntax Highlighter Changes 3.0.20)
1. 속도 향상
2. stripBrs 옵션 추가 (행의 끝에 있는 <br/> 무시)
3. wrap-lines 옵션 추가
4. font-size 인자 제거
5. 마우스 커서가 올라갈 때만 도구 표시
6. 언어팩 추가: ActionScript3, JavaFX, PowerShell
7. 라이센스 정정: LPGL 3.0
2. stripBrs 옵션 추가 (행의 끝에 있는 <br/> 무시)
3. wrap-lines 옵션 추가
4. font-size 인자 제거
5. 마우스 커서가 올라갈 때만 도구 표시
6. 언어팩 추가: ActionScript3, JavaFX, PowerShell
7. 라이센스 정정: LPGL 3.0
덧2. 이 배포판에는 티스토리에 SH 2.0 적용하는 방법 (재게시)에서 수정된 내용이 모두 포함되어 있다.
1. 치환자 입력 가능
2. 언어팩 추가: MSX, AviSynth
3. Copy to Clipboard 버그 수정
2. 언어팩 추가: MSX, AviSynth
3. Copy to Clipboard 버그 수정
크윽! 집에 가서 속도향상때문에라도 업그레이드 해야겠군요
답글삭제@구차니 - 2009/05/15 09:55
답글삭제ㄱㄱㅆ하는 겁니다!!!
수정판을 배포해주셔서 정말 고맙습니다. (^^)(__)(^^)
답글삭제블루님 덕분에 오랜 고민이 시원하게 날라갔습니다. 고맙습니다~~ ^^
@꼬마 철학자 - 2009/05/15 18:36
답글삭제잘 쓰시기 바랍니다. ^^;
[emo=050] 오홋~~~~ 감사해요~~~~
답글삭제텍큐닷컴에서도 사용될려나..음....[emo=100]
@사진우주 - 2009/05/17 00:29
답글삭제텍큐닷컴은 js의 업로드를 금지시켰더군요.
네. 사용 불가입니다.
@BLUEnLIVE - 2009/05/17 23:16
답글삭제좀더.. 있다가 튀나가야겠군요ㅠ.ㅠ........ㅠ..ㅠ..
BLUEnLIVE님 덕분에 잘 적용하였습니다.
답글삭제근데 위지윅에서 코드 복사해서 넣은 후 HTML 모드 전환하여
<pre> ~ </pre> 태그로 감싸주어야 한다고 하셨는데,,,
저는 되다가 안되다가 하더라구요.
그리고 색상도 BLUEnLIVE님 블로그처럼 하고 싶은데,,, 저는 그렇게 안돼요~ ㅠㅠ
<pre> 태그를 쓰는 구체적인 방법을 좀 알려주셔요~!
@miru - 2009/05/23 21:24
답글삭제[link=http://alexgorbatchev.com/wiki/SyntaxHighlighter]원작자 홈페이지[/link]에 자세한 설명이 나와있습니다.
BLUEnLIVE님~!! ^^
답글삭제Syntax Highlighter 2.0.320가 적용된 포스트를 보셨으면 하셔서,
작성해봤습니다.
아래 포스트로 가보시면 됩니다.
[ur=http://miru.tistory.com/2460049]Syntax Highlighter 2.0.320 테스트 포스팅[/ur]
@miru - 2009/05/24 21:38
답글삭제확인했습니다.
shThemeViolet.css는 기본 테마인 shThemeDefault.css와 거의 같습니다.
(아마 제가 습작으로 작업할 때 집어넣은 놈인 것 같습니다)
다른 테마를 사용하시면 됩니다.
@BLUEnLIVE - 2009/05/24 23:57
답글삭제다른 테마를 쓰니, 바로 적용되는군요~
아~! 이 까막눈의 설움이란,,,
정말 저는 웹프로그래밍언어를 독학으로라도 체계적으로 한번 정복해보는게 소원입니다.
제로보드 때문에 html, php 언어를 그냥 어깨넘어로 짜맞추어서 코딩하곤 했답니다.
이제 "BBCODE+도우미" 에 도전해보렵니다.
BBCODE for Tistory 3.0 을 skin 페이지에 심는데까지는 성공했는데, 댓글과 방명록에 도우미를 삽입하는게 예전버전이라서, 현재 쓰고 계신 도우미가 탐이 나는데,,, 공개하시지는 않겠지요? ^^;
OTL과 OO7 이모티콘은 주인장님 전용이니까, 그것만 빼고 공개해주십사 떼를 써봅니다~
@miru - 2009/05/24 21:38
답글삭제포스팅을 따로 안 하는 이유는, 툴바 자체가 여러 분들의 협력으로 만들어졌다는 점입니다.
물론, 그냥 스브적 포스팅할 수도 있겠지만, 그건 예의가 아닌 것 같습니다.
그저 열심히 해보시람 말씀 밖에...
예~! BLUEnLIVE님의 뜻 알겠습니다. [emo=045]
답글삭제슬쩍 포스트 하시도록 뽐뿌질 넣어드려야겠네요~
우선 혼자 힘으로 적용해보겠습니다.
근데, 포스트 작성 시 소스를 복사해서 붙여 넣은 후 HTML 모드로 보면 원본소스 행마다 <br /> 태그가 자동으로 붙어버려요~ 그래서 한줄씩 띄어져서 Syntax Highlighter 가 적용됩니다.
어떻게 어떻게 몇 번 복사해서 붙여넣기 하다보면 <br /> 태그가 안붙기도 하는 것 같아요
이건 왜 이런걸까요?
@miru - 2009/05/25 13:24
답글삭제새관리 편집기의 버그입니다.
아래 포스팅을 읽어보시면 도움이 될 것 같습니다.
http://zoc.kr/552
trackback from: Syntax Highlighter 2.0.320 블로그에 적용
답글삭제BLUEnLIVE님 블로그에 포스팅 내용을 바탕으로, 제 블로그에도 적용하였습니다. 원작자 홈페이지 : SyntaxHighighter BLUEnLIVE님 블로그 : Syntax Highlighter 2.0.320 업데이트 하이라이터 덕분에 소스보기가 훨씬 쉬워지고, 복사히기/붙이기 프로그래머들(??) 에게는 상당한 편의를 제공합니다. 아래는 샘플로 iNOVE for Tistory 스킨 중 일부 소스가 하이라이터 되는 모습입니다. 최근글에 댓글 갯수를..
@BLUEnLIVE - 2009/05/25 15:02
답글삭제감사합니다. 이전 편집기로 하니,,, 정상적으로 되는군요.
소스 하이라이터 쓸 때는 이전 편집기로 써야겠어요~
늘 답변 감사드립니다~ ^^
크오오... 모르는 사이 업데이트 되었군요
답글삭제그나저나 지금까지 계속 pre사용않하고 textarea를 사용했는데,
설치하면 예전 textarea로 작성한 글은 안보여지는 건가요 [emo=009]
노가다로 예전 글들을 다시 다 수정해야 하나 ㅠ.ㅜ; [emo=021]
@shinlucky - 2009/05/30 02:45
답글삭제tagName이란 값을 지정하면 pre 대신에 textarea를 사용할 수 있습니다.
더 자세한 내용은 [link=http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration]SyntaxHighlighter/Configuration[/link]을 읽어보시기 바랍니다.
[emo=078]항상 좋은자료 감사합니다.T.T 텍스트큐브닷컴에도 힘들어 혼자 삽질로 적용했습니다. [emo=086]
답글삭제@깜군 - 2009/07/21 11:33
답글삭제고생하셨습니다.
텍큐닷컴을 거의 쓰지 않아 도움이 못 되어드리네요. ^^;
캬~ 이것도 유용한 정보네요~^^;;
답글삭제잘 배우고 갑니다~~ 자주 들러서 배울게요~ㅎㅎ
조커님~ 지금 저도 한번 해 보려고 테스트하고 있는데, 이상하게 배경색은 조커님처럼 이쁘게 자주색이 안 나오고
답글삭제흰색/회색으로만 나오네요.. 먼가 명령어를 축하해야 하나요?
@애쉬™ - 2009/10/18 11:31
답글삭제테마를 지정할 수 있습니다.
저는 테마를 커스터마이즈해서 쓰고 있습니다.
아마 기본테마를 그대로 적용하신 것 같군요. ^^;
trackback from: 문법 강조
답글삭제조커(ZocKr) 님의 블로그 BLUEnLIVE's ZocKrWorld를 참조하여 Google Syntax Highlighter(문법 강조)를 적용하였습니다. 적용 예시 배치파일 : <pre class="brush:bat;">내용</pre> @ECHO OFF REM 1부터 10까지의 합을 구하는 배치파일 SETLOCAL SET SUM=0 SET SUMTEMP=0 FOR /L %%i IN (1,1,10) DO CALL :COUNT GOTO :EOF :..