스마트에디터 syntaxhighlighter 기능 추가 정보
게시판 스마트에디터 syntaxhighlighter 기능 추가첨부파일
본문
----------------------------------------------------------------------------
스마트 에디터 자체에다가 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 이미지 넣을 공간이 안나와서 맨 왼쪽에 글꼴 부분을 조금 줄였습니다.
스마트 에디터 자체에다가 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 이미지 넣을 공간이 안나와서 맨 왼쪽에 글꼴 부분을 조금 줄였습니다.
추천
10
10
댓글 전체
수고하셨습니다.
제가 한번 만들어 보려던 것인데 멋집니다! 추천!!
감사합니다
수고하셨어요 ~
감사합니다.
좋은 자료 감사합니다. 본문에서 사진 버튼 누르고 이미지를 추가한 후에
전화바로걸기 "tel:전화번호" 를 실행하려 하는데 링크가 안되는 이유가 뭘까요.. 도와주세요 ㅠㅠ
전화바로걸기 "tel:전화번호" 를 실행하려 하는데 링크가 안되는 이유가 뭘까요.. 도와주세요 ㅠㅠ
감사합니다.
우왕 ~ 좋네요 ^^