문법강조3 microlight.js - 독특한 단색 코드 강조 문법 강조계의 이단아!! (아.. 너무 올드한 소개 멘트네요..) 암튼, highlight.js 및 여러 코드 문법 강조 라이브러리들과는 많이 다른! 마이크로라이트! microlight.js 를 소개합니다. 색상은 단색으로 하지만 그림자와 투명도를 이용해 키워드들만 눈에 잘 보이게 강조해줍니다. 코드 언어도 지정해줄 필요 없이 왠만해선 다 알아서 중요 단어들만 강조해줍니다. 그래서 여러 언어가 섞여 있어도 됩니다. 사이트의 디자인 테마에 따라 이런 단색 강조도 필요할 때가 있을 것 같네요. 소스도 엄청 가볍고 CSS도 딱히 필요 없습니다. 제작자 홈: http://asvd.github.io/microlight/ microlight.js (2.2k) Highlights code in any programm.. 2020. 8. 25. 코드블럭 + SyntaxHighlighter 코드블럭 - SyntaxHighlighter 버리고 highlight.js 로 갈아타기 혹여 SyntaxHighligher (이하 SH) 가 적용되게 써둔 글이 많아서 higlight.js (이하 hljs) 를 쓰고 싶어도 못쓰는 분들이 계실까 싶어 올립니다. [스킨 편집] > [html 편집] > [HTML] 내용 하단 바로 윗줄에 아래.. alikong.tistory.com 위 글을 본 후에도 굳이 굳이 계속 계속 SyntaxHighlighter 를 쓰시겠다면.... 입력하는 방법이라도 편해질 수 있도록 새 에디터의 코드블럭 삽입 기능을 이용할 수 있게 해주는 소스입니다. [스킨 편집] > [html 편집] > [HTML] 내용중 기존 SyntaxHighlighter.all(); 가 실행되기 전 위치.. 2020. 8. 21. 코드블럭 - SyntaxHighlighter 버리고 highlight.js 로 갈아타기 혹여 SyntaxHighligher (이하 SH) 가 적용되게 써둔 글이 많아서 '코드 문법 강조' 플러그인 (=highlight.js (이하 hljs)) 를 쓰고 싶어도 못쓰는 분들이 계실까 싶어 올립니다. [스킨 편집] > [html 편집] > [HTML] 내용 하단 바로 윗줄에 아래 소스를 넣어 주세요. (제이쿼리는 추가되어 있을 것으로 간주하겠습니다. 아니면 댓글로 알려 주세요.) $("pre").each(function(i, pre) { if (!$(pre).find('code').length) { if (pre.className) { var c = pre.className.replace(/\s/g, ''); var nc = {}; var items = c.split(";"); $.each(it.. 2020. 8. 20. 이전 1 다음
