스마트에디터 syntaxhighlighter 기능 추가

· 2015-02-11 (수) 17:08:39 · 16082 · 8
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개

2015-02-12 (목) 10:56:01
수고하셨습니다.
제가 한번 만들어 보려던 것인데 멋집니다! 추천!!
2015-02-16 (월) 21:40:24
감사합니다
수고하셨어요 ~
2015-02-18 (수) 01:33:20
감사합니다.
2015-02-24 (화) 13:37:47
좋은 자료 감사합니다. 본문에서 사진 버튼 누르고 이미지를 추가한 후에
전화바로걸기 "tel:전화번호" 를 실행하려 하는데 링크가 안되는 이유가 뭘까요.. 도와주세요 ㅠㅠ
감사합니다.
우왕 ~ 좋네요 ^^
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 스킨

2,751건

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

+