본문 바로가기

코드블럭4

highlight.js + linenumberV2.js - 코드블럭에 줄번호 외 다양한 기능 추가하기 오랫동안 소스코드 구문 강조에 Syntaxhighlighter를 사용해 왔습니다. 티스토리의 코드 블록이 생기고 나서는 티스토리에서 좀 더 편하게 써보기 위해서 알지도 못하는 js를 가지고 여차여차 수정도 해서 나름 편리하게 잘 사용하고 있었는데요. 티스토리 코드블럭용 Syntaxhighlighter 수정버전 (뉴에디터의 코드블럭 및 기존 Syntaxhighlighter 태그 2020-05-06 update log: Syntaxhighlighter의 부가 기능을 사용할 수 없었던 문제가 있어서 Syntaxhighlighter_For_Tistory.zip 안에 들어있는 파일중 shCoreForTistory.js파일 수정하였습니다. 2010-05-03 update.. kwonkyo.tistory.com Sy.. 2021. 6. 17.
티스토리 코드 문법 강조 플러그인 - SyntaxHighlight - 스타일비교 그동안 코드 하이라이터 문제로 고민을 참 많이 했었습니다. 처음에 아무것도 모를때는 SyntaxHighlight 설치한다고 몇일 고생하고, 그리고는 티스토리 에디터가 업그레이되면서 코드블럭이 생겨서 새로운 환경에 어떻게 적응해야 할지 몇일 고민하고... SyntaxHighlight 플러그인 티스토리에서 코드블럭이 처음 나왔을 때, 코드블럭은 에디터에서만 사용되는 기능이라는 걸 알고 고객센터에 포스팅 결과물에 코드 하이라이팅이 반영되도록 하는 기능을 추가할 계획은 없냐고 문의까지 했었고, 그런 계획 없음요라는 대답까지 받아서 멘붕이 살짝 온적 있었는데, 결국 이렇게 SyntaxHighlight 플러그인을 도입을 했네요. 하지만 저처럼 예전에 이미 작성해놓은 코드들을 코드블럭으로 다시 수정하기 귀찮은 경우에.. 2019. 10. 23.
Syntaxhighlighter 수정해서 티스토리 코드블럭 인식시키기 후기 2021-05-24 update log: 본 블로그에서는 더이상 Syntaxhighlighter를 사용하지 않습니다. highlight.js + alikong 님이 개발하신 커스텀 코드를 사용하고 있습니다. 2020-05-06 update log: Syntaxhighlighter의 부가 기능을 사용할 수 없었던 문제가 있어서 코드 수정하였습니다. 2020-05-05 update log: 태그를 제거하는 중요한 부분의 언급이 누락되어 추가하였습니다. 티스토리 에디터에 새로생긴 코드블럭이라는 기능을 처음 봤을때 엄청 편할거 같아서 기대가 컸었습니다. 그런데 실제로 쓰고보니 불편한 점도 있고 아쉬운점도있고 고민해야 할 부분도 있었습니다. 그래서 그런 부분들을 개선해서 포스팅을 할때 온전히 글에만 집중할 수 있.. 2019. 4. 18.
티스토리의 새로운 에디터 출시 그리고 highlight.js로 소스코드 이쁘게 하이라이트하기 (Syntaxhighlilghter에서 갈아타기 고민) 티스토리 드디서 새로운 에디터 출시!! 드디어, 티스토리 에디터가 새로 출시되었습니다. 그동안 기존에디터가 아이패드에서 제대로 표시가 되지 않아서 문제가 많았죠. 플래시를 사용하는 사진 업로드 및 임시저장 기능 등 많은 제약이 있었습니다. 이런 단점 때문에 모바일 디바이스 사용성면에서 기존 에디터가 참 답답했었습니다. (기존에디터가 PC에서는 나쁘지 않았던것 같습니다.) 그런데 드디어 새로운 에디터가 출시 되었습니다. 역시 처음이다보니 아직 베타딱지를 달고 나오긴 했지만, 사진 업로드, 링크삽입, 글 스타일 등 여러면에서 신경을 많이 써서 만든 흔적도 보이고, 무엇보다 이제 아이패드에서도 바로 포스팅이 가능해진것에 무한 감동을 느끼고 있었는데... 어! 아닌네... 심각한 문제가 있긴하네요. 아이패드에서.. 2019. 3. 28.