촌티나는 코드뷰어를 바꿔보자 「ace-editor.js」

 

블로그마다 소스 에디터가 있지만 디자인이 아쉽다.

개인적으로 sublimeText 디자인이 맘에 들었는데,

해당 느낌 그대로 코드 뷰어를 구현한 라이브러리가 있다.

 

가령, 웹돌이 블로그에 라이브러리를 설치했더니 즉시 아래와 같이 구현된다.

 

 

사용법도 초간단..

 

 

CDN 2줄을 붙이고,

language값에 원하는 언어 이름을 넣으면 끝.

 

  <script src="https://cdn.jsdelivr.net/gh/MarketingPipeline/Ace-Editor-Web-Component@1.0.1/dist/ace-editor-wc.min.js" defer></script> 
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/MarketingPipeline/Ace-Editor-Web-Component@v1.0.1/dist/ace-editor-wc.min.css">

 

 

지원되는 언어도 사실상 거의 모든 언어 수준이다.

https://github.com/MarketingPipeline/Ace-Editor-Web-Component/

 

코드를 직접 구현하지 않는

개발자 블로그에 사용하기 딱이다.