제로보드4에 스마트에디터 삽입하기 > Web Development

본문 바로가기
  • kb@lovelet.com
사이트 내 전체검색

RESOURCES Web Development

제로보드4에 스마트에디터 삽입하기

페이지 정보

본문

1. 관련링크1를 참조하여 스마트에디터를 다운로드 합니다.

2. 압축을 해제한 후 홈페이지 계정/bbs/SmartEditor로 업로드 합니다.

3. 적용하고자 하시는 스킨의 write.php파일을 에디터로 여세요.

4. 가장 윗부분에 아래의 소스를 붙여 넣으세요.

5. 아래의 소스를 찾으셔서 value값을 수정하세요.

<?=$hide_html_start?> value=2>HTML 사용<?=$hide_html_end?>


6. 기본 스킨 기준으로 아래의 소스를 수정하세요.

rows=18 class=textarea style=width:99%><?=$memo?>


id="ir1" <?=size2(90)?> rows=18 class=textarea style='width:99%;'><?=$memo?>

7. 작성완료 부분을 아래처럼 이벤트를 추가해주세요.

/submit.gif accesskey="s" onfocus='this.blur()' alt=확인 onClick="_onSubmit(this);">

8. 제일 하단에 아래의 소스를 추가합니다. (진한 부분의 소스는 클립보드에 복사하는 소스로 필요없으시면 삭제하시면 됩니다.)

9. 스마트에디터를 잘 적용하기위해서 스타일을 적용시켜주어야 합니다. 스킨의 setup.php를 열고 아래와 같이 수정합니다. (또는 style.css파일에 해당 항목만 추가를 하셔도 됩니다. 아래의 팁은 해당 style.css파일만 수정하는 방법입니다.)

.smartOutput{ font-size:12px; line-height:1.6; font-family:굴림, AppleGothic, Sans-serif;} /* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */

.smartOutput p{ margin-top:7px; margin-bottom:7px;}

.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

.smartOutput sup{ font:10px Tahoma;}
.smartOutput sub{ font:10px Tahoma;}
.smartOutput table td{ padding:4px;}

이 소스를 style.css파일에 붙여넣습니다.

또는 setup.php파일(또는 view.php파일)에서

../../SmartEditor/css/style.css" />

이런 식으로 해주시면 되겠죠.

10. 그리고나서 스킨의 view.php파일을 열고, <?=$memo?>를 찾아줍니다. 아마 이 변수는 테이블에 둘러쌓여 있는데, 여기에 클래스를 지정해주시면 됩니다.

<?=$memo?>인 경우 class="smartOutput"><?=$memo?>

11. 잘 적용이 되었는지 테스트해보시기 바랍니다.

기타 문의사항은 Web Q&A에 올려주시기 바랍니다.

진도 프레임웍은 이 곳에서 다운로드 : http://dev.naver.com/projects/jindo/download

태그가 적용이 안되신다면, 게시판 설정에서 html 사용권한의 레벨을 확인해보세요~

Share Post:

댓글목록

profile_image

epikfan.co님의 댓글

epikfan.co 작성일 아이피 115.♡.76.121

감사합니다^6
다른님들 거 보면 계속 내용입력하라그러는데 작성완료가 문제였군요^^ 아무튼 감사합니다^6

profile_image

fuzzionkai님의 댓글

fuzzionkai 작성일 아이피 221.♡.167.2

안녕하세요. 올려주신 방법 보고 잘 올렸는데요. 이미지박스는 삽입이 안되요. --; 하하. 좀더 공부해야겠어요

profile_image

캐슈너트님의 댓글

캐슈너트 작성일 아이피 124.♡.84.10

    감사합니다. 스마트에디터2로는 잘 안되서 그냥 구 스마트에디터 버전 구해서 설치했네요 ^_^
<a href=http://www.anti-risingsunflag.net/ target=_blank class='AutoLink'>http://www.anti-risingsunflag.net/</a> 에 설치했습니다.

profile_image

리프킨님의 댓글

리프킨 작성일 아이피 180.♡.198.103

저역시 스마트에디터2로 어떻게든 해보려다가.. 자꾸만 내용을 입력하라고해서 구버전설치하니까 잘되네요. 흑.. 몇시간을 끙끙댔는데 이렇게 간단히 끝나니까 슬퍼요. ㅜㅜ 혹시 제로보드4에 스마트에디터2 설치 성공하신분있으면 말좀해주세요..!

profile_image

콩들맘님의 댓글

콩들맘 작성일 아이피 211.♡.198.51

스마트에디터2로 어떻게든 해보려고 했지만 정말 안 되더라구요 ㅠㅠ 구버전으로 설치하려고 해도 구버전마저 실패하는 이 당황스러운 상황이 됐네요...

Sign In
OR
Don't have an account? SIGN UP

Keywords

Visits

접속자

Total Visits
1,886,455