프로그램 연습
2025-12-26 Fri

로그인

검색

ckeditor

rainbowcode - Code Snippet과 Syntex Highlight 을 적용한 소스코드 입력을 위한 플러그인

Extra Form

rainbowcode.png.jpg rainbowcode

  • CKEditor 플러그인 
  • 소스코드를 본문에 입력할 수 있는 Code Snippet 플러그인으로 Syntex Highlight를 적용하여 문법에 따른 색상값을 적용하여 소스코드 구분이 쉽다. 
     
  • 의존 플러그인 : 아래 플러그인이 같이 설치되어 있어야 함.
    - lineutils 
    - widget
     
  • 설치방법
    - 경로 : CKEditor/plugins/rainbowcode
    - config.js에 아래 내용 추가 
    config.extraPlugins = 'rainbowcode, lineutils, widget';
       - ToolBar Button : 'RainbowCode'
     
목록
위로 아래로 게시글 수정 내역 댓글로 가기 첨부
Category
  1. 26
    Dec 2025
    6시간 전

    glasspannel - 글래스모피즘 패널 생성기

    glasspannel 글래스모피즘이 적용된 반투명한 패널을 만들어 줍니다. 설치경로 : /plugins/glasspannel/ config.js 추가 config.extraPlugins = 'glasspannel'; addButton : 'GlassPannel'
    Read More
  2. 25
    Dec 2025
    6시간 전

    rainbowcode - Code Snippet과 Syntex Highlight 을 적용한 소스코드 입력을 위한 플러그인

    rainbowcode CKEditor 플러그인 소스코드를 본문에 입력할 수 있는 Code Snippet 플러그인으로 Syntex Highlight를 적용하여 문법에 따른 색상값을 적용하여 소스코드 구분이 쉽다. 의존 플러그인 : 아래 플러그인이 같이 설치되어 있어야 함. - lineutils - w...
    Read More
  3. 25
    Dec 2025
    7시간 전

    Google Antigravity

    GOOGLE Antigravity Google Antigravity 시작하기 GOOGLE Antygravit 사용법 Antigravity로 자바 개발환경 만들기 Antigravity 로 웹사이트 만들기
    Read More
  4. 18
    Dec 2025
    21:40

    CKEditor 4 Toolbar 접고/펴기

    CKEditor 4 의 Toolbar 를 접었다 폈다 할 수 있는 아이콘을 만들고, 기본 상태를 설정합니다. 바로 이렇게요. config.js 파일에 아래의 내용을 추가합니다. // 툴바 접고 펴기 config.toolbarCanCollapse = true; config.toolbarStartupExpanded = true;
    Read More
  5. 17
    Oct 2025
    17:46

    윈도우에 도커 설치

    [ 도커 설치 완벽 가이드 ] https://m.blog.naver.com/hanajava/223170829315?recommendTrackingCode=2 https://developer-guide.com/2024/11/07/window-docker-%EC%84%A4%EC%B9%98-%EA%B8%B0%EB%B3%B8-%EC%82%AC%EC%9A%A9%EB%B2%95-%EC%99%84%EB%B2%BD-%EA%B0...
    Read More
  6. 06
    Aug 2025
    10:54

    윈도우에서 WAS 웹서버 구축하기

    1. Apache 설치 : 웹서버 아파치만 설치해도 웹서버로 작동함. https://blog.naver.com/cjs0308cjs/223370079814 2. Tomcat 설치 : 자바 웹 컨테이너 톰캣을 설치하면 톰캣 웹루트가 따로 작동함 즉 아파치는 localhost 톰캣을 localhost:8080 과 같이 별도의 ...
    Read More
  7. 23
    Jul 2025
    19:25

    Task Master AI

    Read More
  8. 23
    Jul 2025
    01:04

    Gemini CLI 설치하기

    Read More
  9. 20
    Apr 2024
    11:09

    심볼릭 링크(Symbolic link)

    다른 위치의 경로를 원하는 위치에서 바로 연결하여 열수 있도록 설정하는 방법입니다. 윈도우의 폴더 바로가기 기능과 비슷하지만, 실제 폴더를 직접 이용하는 것과 같은 효과를 가진다는 면에서는 좀더 편리합니다. 예시) ①E:\DATA\Photos\2024 와 같이 여러...
    Read More
  10. 26
    Mar 2024
    12:43

    Rhymix(XE)의 sketchbook5 방명록형 스킨 사용시 권한없는 사용자에게 "비밀글입니다." 숨기기

    Sketchbook5 방명록형 사용시 비밀글은 읽기 권한이 없는 사용자에게 노출될 필요가 없으므로 "비밀글입니다." 화면까지 완전히 보이지 않게 하여 깔끔한 게시판을 유지할 수 있도록 만드는 방법입니다. 위의 이미지에서 빨강 부분을 완전히 사라지게 합니다. ...
    Read More
  11. 23
    Mar 2024
    09:18

    Rhymix에 네이버 클로바 나눔손글씨 웹폰트 적용하기

    Rhymix와 Ckeditor 4.0 을 이용환경에서 네이버에서 제공하는 클로바 나눔손글씨를 적용하는 방법 https://hangeul.naver.com/font/clova 에 접속하여 원하는 글꼴을 선택 후 클릭 웹 폰트 URL 부분의 코드를 복사하여 레이아웃 "HTML/CSS 설정"에 넣어 줌 <li...
    Read More
  12. 12
    Mar 2024
    23:37

    AMD CPU를 사용하는 컴퓨터에 MAC OS 설치 및 윈도우 11 듀얼 부팅

    AMD CPU를 사용하는 컴퓨터에 MAC OS 설치 및 윈도우 11 듀얼 부팅
    Read More
  13. 29
    Feb 2024
    13:17

    PlannerXE123 게시판 스킨에서 회원만 글쓰기 가능 설정

    PlannerXE123 게시판 스킨(일정 달력)에서 글쓰기 권한이 없는 사람에게도 달력의 날짜(일정 등록)가 링크되어 권한이 없다고 나타나서 무엇인가 지저분한 느낌이 들었다. 글쓰기 권한이 없는 사람에게 달력을 보여주기는 하지만 마우스 hover 시 클릭이 되지 ...
    Read More
  14. 14
    Dec 2023
    13:37

    portainer 를 설치해 보자

    도커를 사용하려고 했더니 안내하는 사이트마다 portainer 를 이용하고 있다. 그래서 portainer를 우선 설치해 봤다. 🥽 시놀로지 나스에서 포테이너 설치방법 Synology Nas에 ssh로그인, root로 접속한다. 아래 명령으로 도커를 다운받도록 한다. # docker ru...
    Read More
  15. 10
    Dec 2023
    00:49

    Rhymix(XE) 보드스킨 sketchbook5 에서 카테고리 영역의 배경 지

    sketchbook5 > css > board.css 또는 black.css 수정 .bd_cnb .bg_f_f9 { background: transparent; background-image: url(이미지URL); background-size: cover; border-color: transparent; }
    Read More
  16. 29
    Nov 2023
    20:44

    따듯한 화이트 크리스마스 테마 - 챗지피티에게 물어봤다

    챗지피티에게 파스텔톤의 클래식한 분위기를 연출하면서도 따듯한 화이트크리스마스 분위기를 연출하는 8가지 색상을 물어봤다. light #F9F6F2 웜 화이트(#F9F6F2): 포근한 겨울 풍경을 닮은 크리미하고 따뜻한 화이트. #EADCBF 샴페인 골드(#EADCBF): 쉬머한 ...
    Read More
  17. 26
    Nov 2023
    21:10

    jQuery skrollr 패럴렉스 스크롤 구현하기

    jQuery 77 [ skrollr ] 패럴렉스 스크롤 구현하기, 스크롤러 라이브러리로 아주 쉽게 구현 겁나 빠른 웹 레시피 - parallax scrolling 1 겁나 빠른 웹 레시피 - parallax scrolling 2
    Read More
  18. 18
    Nov 2023
    11:24

    rhymix (XE) - ckeditor에 Google Fonts 넣는 방법

    Google Fonts - Hi Melody 넣기 구글폰트에서 제공하는 예쁜 한글 글꼴 Hi Melody를 Rhymix 홈페이지에 넣어 보도록 하겠습니다. Rhymix 웹편집기 ckeditor와 조합하여 언제든 게시글에 예쁜 구글폰트를 넣을 수 있습니다. 1. 구글폰트를 검색해서 원하는 폰트...
    Read More
  19. 15
    Nov 2023
    15:59

    CKEditor 입력영역 배경색

    Rhymix의 기본 웹편집기인 Ckeditor 사용시 툴바영역의 기본 배경색을 지정하는 부분임(실제로 반응 없음, 다른 방법을 찾아 보세요.) 파일명 rhmix/modules/editor/tpl/js/aditor.app.js allowedContent: true, removePlugins: 'stylescombo,language,bidi,fl...
    Read More
Board Pagination Prev 1 2 3 4 5 Next
/ 5