본문 바로가기
Dev.Stuff

SyntaxHighlighter For Objective-c and Cocoa Using TSYNTAX modified

by Devkin 2011. 12. 1.
INTRODUCTION

Source code 구문강조 및 표시를 위해 SyntaxHighlighter 사용법을 물색하던 중 버전에 따른 상이한 설치법과 Web Programming 쪽으로는 문외한이라 HTML/CSS 작성/편집이 서툴러 정상적으로 설치하기에 상당히 애를 먹었다. 그러던 중, 초보얌님의 블로그에서 간단히 한줄만 skin.html 에 삽입하여 사용이 가능할 뿐 아니라 인용구를 이용한 코드작성 또한 편리하여 블로그에 적용해왔다.
한데, 줄곧 iOS 관련 블로깅을 해 오면서 Objective-c 코드에 대한 구문강조 Brush 의 필요성이 느껴져 구글링을 해보니 아니나 다를까 이미 Objective-c Brush 를 만들어 배포하고 있는 분들이 많았다. 하지만, 다시 설치 및 사용법을 익히기에 엄두가 나지 않아 이미 익숙한 TSYNTAX 방식을 이용하여 Objective-c Brush 를 적용해 보았다. 관련하여, 수정 및 추가된 파일들은 구글 코드 호스팅을 이용.

USAGE

처음 설치 및 사용하는 경우에는 초보얌님 블로그 를 참조하여 내용 숙지 후, 다음 내용을 적용하시길 바란다.
이미 TSYNTAX 를 사용하고 있는 분이라면, script srchttp://tsyntax-objc.googlecode.com/git/tsyntax_objc.js 로 교체만 하면 된다.
### html
<script type="text/javascript" src="http://tsyntax-objc.googlecode.com/git/tsyntax_objc.js">
</script> 

Objective-c 구문강조를 위해 단색에 Bold 적용과 xCode 컬러링과 동일하게 적용된 두가지의 Brush 가 사용되었으니, 사용자 기호에 맞게 취사 선택하여 적용하시기 바란다.
[objc 브러쉬 네임 사용시]
### objc

### objc
//
// ViewController.h
// PanImage

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController {
    CGPoint pt;
}

@property (weak, nonatomic) IBOutlet UIImageView *panImageView;
- (IBAction)panned:(id)sender;

@end

[oc 브러쉬 네임 사용시]
### oc

### oc
//
// ViewController.h
// PanImage

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController {
    CGPoint pt;
}

@property (weak, nonatomic) IBOutlet UIImageView *panImageView;
- (IBAction)panned:(id)sender;

@end
'weak' 의 경우, 구문강조가 적용되지 않았는데 iOS5 에서 추가된 구문에 대해서 업데이트 예정.
UPDATE : 일반적인 인용구 작성 시에도 SyntaxHighliter 가 적용되던 문제 수정.

REFERENCES

http://choboyam.tistory.com/entry/tsyntax

http://www.dreamingwish.com/dream-2011/objc-brush-for-syntax-highlighter-mt.html
https://github.com/scottdensmore/ObjectiveCSyntaxHighlighter
반응형

댓글