답답해서 여러 고수님들의 다양한 소스를 짜집기해서 이런 메뉴 직접 만들어 봤습니다. 대단한건 아니구요. 1차 메뉴를 누르면 2차 메뉴 전체가 보여지는 메뉴입니다. 요즘 이런 메뉴 ...
스마트에디터 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,752건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
그누보드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용으로 요청하셔서 수정해서 올려드립니다. 이미지 사이즈는 스킨에서 수정합니다.
댓글 8개
전화바로걸기 "tel:전화번호" 를 실행하려 하는데 링크가 안되는 이유가 뭘까요.. 도와주세요 ㅠㅠ