스마트에디터 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 이미지 넣을 공간이 안나와서 맨 왼쪽에 글꼴 부분을 조금 줄였습니다.
첨부파일
그누보드5 스킨
2,751건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
그누보드5 관리자모드 소메뉴를 좌측에 출력합니다. 사용법 압축을 풀어 그누보드5가 설치된 관리자 디렉토리(/adm/)에 덮어 씌웁니다. 원본파일은 백업하세요. (admin.head...
---------------------------------------------------------------------------- 스마트 에디터 자체에다가 syntaxhig...
------------------------------------- * 사용법(PC/모바일 공통) ------------------------------------- 1) 압축된 ...
내용이 나오게 하는 유무를 커스텀 가능하게 제작해 보았습니다. 두번째 사진에서 보시듯 게시판 관리자 참고 하셔서 숫자 크기로 내용 부분의 노출 정도를 조절할 수 있구요, 숫자가 작...
사용법은 다들 아시다시피 를 넣어주시면 됩니다. 글 제목, 내용, 작성자명이 나오게 작업되었구요, 참고사이트에 나오는 저 슬라이드는 명언들을 노출시키게 한거라, 작성자명이 안나오게...
어쩌다보니 메뉴쪽 관련 스킨만 자주 올리게 되네요. 이번에도 전체메뉴 스킨입니다. 마우스오버시 각 메뉴별로 배경색이 들어가고 2단메뉴 선택시 1단메뉴가 선택된 형태로 구성이 되어 ...
원하시는 곳에 위코드 넣으시면되요 원본 디자인에서 달라진건 별거없네요. 아이콘 추가하고 단어마다 구분선 정도? 네이버색상을 줘서 이름을 네이버 스타일로 해봤네요 ㅋ 스킨 폴더 안에...
그누보드4의 http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=152209&sca=&sfl=wr_subject%7C%7Cwr_cont...
g5용으로 요청하셔서 수정해서 올려드립니다. 이미지 사이즈는 스킨에서 수정합니다.
Snooey님이 해놓으신것을 세종시만 추가 한것입니다. http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=3837&sca=&sfl=w...
댓글 8개
전화바로걸기 "tel:전화번호" 를 실행하려 하는데 링크가 안되는 이유가 뭘까요.. 도와주세요 ㅠㅠ