본문 바로가기

SyntaxHighlighter4

Syntaxhighlighter 수정해서 티스토리 코드블럭 인식시키기 후기 2021-05-24 update log: 본 블로그에서는 더이상 Syntaxhighlighter를 사용하지 않습니다. highlight.js + alikong 님이 개발하신 커스텀 코드를 사용하고 있습니다. 2020-05-06 update log: Syntaxhighlighter의 부가 기능을 사용할 수 없었던 문제가 있어서 코드 수정하였습니다. 2020-05-05 update log: 태그를 제거하는 중요한 부분의 언급이 누락되어 추가하였습니다. 티스토리 에디터에 새로생긴 코드블럭이라는 기능을 처음 봤을때 엄청 편할거 같아서 기대가 컸었습니다. 그런데 실제로 쓰고보니 불편한 점도 있고 아쉬운점도있고 고민해야 할 부분도 있었습니다. 그래서 그런 부분들을 개선해서 포스팅을 할때 온전히 글에만 집중할 수 있.. 2019. 4. 18.
티스토리 코드블럭용 Syntaxhighlighter 수정버전 (뉴에디터의 코드블럭 및 기존 Syntaxhighlighter 태그 모두사용가능) 2021-05-24 update log: 본 블로그에서는 더이상 Syntaxhighlighter를 사용하지 않습니다. highlight.js + alikong 님이 개발하신 커스텀 코드를 사용하고 있습니다. 2020-05-06 update log: Syntaxhighlighter의 부가 기능을 사용할 수 없었던 문제가 있어서 Syntaxhighlighter_For_Tistory.zip 안에 들어있는 파일중 shCoreForTistory.js파일 수정하였습니다. 2010-05-03 update log: 티스토리 내에서 HTML코드 적용 위치를 head에서 body로 수정 티스토리의 새로운 에디터와 같이 출시된 참신한 기능인 "코드블럭"을 편리하게 사용하면서 Syntaxhighlilghter의 다양한 기능을.. 2019. 4. 11.
티스토리의 새로운 에디터 출시 그리고 highlight.js로 소스코드 이쁘게 하이라이트하기 (Syntaxhighlilghter에서 갈아타기 고민) 티스토리 드디서 새로운 에디터 출시!! 드디어, 티스토리 에디터가 새로 출시되었습니다. 그동안 기존에디터가 아이패드에서 제대로 표시가 되지 않아서 문제가 많았죠. 플래시를 사용하는 사진 업로드 및 임시저장 기능 등 많은 제약이 있었습니다. 이런 단점 때문에 모바일 디바이스 사용성면에서 기존 에디터가 참 답답했었습니다. (기존에디터가 PC에서는 나쁘지 않았던것 같습니다.) 그런데 드디어 새로운 에디터가 출시 되었습니다. 역시 처음이다보니 아직 베타딱지를 달고 나오긴 했지만, 사진 업로드, 링크삽입, 글 스타일 등 여러면에서 신경을 많이 써서 만든 흔적도 보이고, 무엇보다 이제 아이패드에서도 바로 포스팅이 가능해진것에 무한 감동을 느끼고 있었는데... 어! 아닌네... 심각한 문제가 있긴하네요. 아이패드에서.. 2019. 3. 28.
설치없이 블로그(tistory)에 소스코드 이쁘게 삽입하는 방법 - SyntaxHighlighter 2021-05-24 update log: 본 블로그에서는 더이상 Syntaxhighlighter를 사용하지 않습니다. highlight.js + alikong 님이 개발하신 커스텀 코드를 사용하고 있습니다. 2019-03-27 update log: CDN을 이용한 방법에서 원인을 찾지 못한 문제(PC 크롬 브라우저에서 사이드바 스크롤 먹통)가 발생하여 직접 설치하는 방법으로 갈아탔습니다. 따라서 본 블로그에서는 당분간 아래 CDN을 이용한 방법을 사용하지 않을 예정입니다. 프로그래밍 예제나 여기 저기서 수집한 다양한 코드들을 블로그에 보기 좋게 올리기 위해서 사용되는 다양한 툴이 있답니다. code-prettify, Rainbow, Prism, highlight.js, SHJS, 등등 많은 분들께서 각 .. 2018. 10. 24.