2026, 새로운 도약을 시작합니다.

스마트에디터 syntaxhighlighter 기능 추가

netchk_net_20150211_165959.jpg
netchk_net_20150211_172137.jpg
----------------------------------------------------------------------------
스마트 에디터 자체에다가 syntaxhighlighter 기능을 넣었습니다.

워드프레스에서 제공하는 것 잘 쓰다가, 그누보드5에는 아쉽게도 해당 기능이 없어서 한번 만들어 보았습니다.



smarteditor2_syntax_add 폴더는 기존 smartedior2 폴더를 복사하여 사용하였습니다.(그누보드5.0.28)



추가, 수정 된 점은 아래와 같습니다.

SmartEditor2Skin.html
코드 입력 레이어 추가 (syntax_plugin)

js/hp_SE_SyntaxCode.js 추가
plugin 자바스크립트

js/SE2BasicCreator.js
제일 하단 플러그인 추가

smart_editor2.css
제일 하단 css 추가



syntax board스킨은 기본 basic 스킨을 복사 하여 사용하였습니다.

추가, 수정 된 점은 해당 스킨 안에 syntaxhighlighter_3.0.83 폴더가 들어가 있으며,
view.skin.php 파일 상단에 syntaxhighlighter_3.0.83/scripts/의 js파일들이 들어가 있습니다.

업로드한 syntax 스킨 안 쓰시고 그냥 syntaxhighlighter js 파일만 헤더에 넣어서 사용하셔도 됩니다.


적용법
1. plugin/editor/ 위치에 smarteditor2_syntax_add 폴더를 넣습니다.
2. 게시판 기본환경설정에서 smarteditor2_syntax_add 에디터 변경.
3. 게시판관리에서 에디터 사용 체크
4. skin/board 위치에 syntax 폴더 넣음.
5. 게시판관리에서 syntax 스킨으로 변경.

ps. 사진 오른쪽에 code 이미지를 클릭하시면 됩니다.
ps2. code 이미지 넣을 공간이 안나와서 맨 왼쪽에 글꼴 부분을 조금 줄였습니다.

첨부파일

syntax.zip (193 KB) 91회 2015-02-11 17:08
|

댓글 8개

수고하셨습니다.
제가 한번 만들어 보려던 것인데 멋집니다! 추천!!
수고하셨어요 ~
감사합니다.
좋은 자료 감사합니다. 본문에서 사진 버튼 누르고 이미지를 추가한 후에
전화바로걸기 "tel:전화번호" 를 실행하려 하는데 링크가 안되는 이유가 뭘까요.. 도와주세요 ㅠㅠ
우왕 ~ 좋네요 ^^

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
번호 분류 제목 글쓴이 날짜 조회
2765 회원통합스킨 어제 조회 85
2764 최신글 2일 전 조회 252
2763 최신글 4일 전 조회 190
2762 최신글 5일 전 조회 329
2761 게시판 6일 전 조회 268
2760 최신글 1주 전 조회 212
2759 방문자수 1주 전 조회 253
2758 최신글 2주 전 조회 294
2757 레이아웃 2주 전 조회 416
2756 게시판 2주 전 조회 286
2755 최신글 2주 전 조회 280
2754 인기검색어 2주 전 조회 200
🐛 버그신고