그누보드 + htmlarea v2.03 (이미지 관리자, 템플릿 Plus 버젼)
/*---------------------------------------------------------------
* 그누보드 + htmlarea v2.03 (이미지 관리자, 템플릿 Plus 버젼)
*
* 개조한 사람: 무한 삽질에 도전하는 '학식 (yjmax@lycos.co.kr)'
*---------------------------------------------------------------*/
※ 이미지 관리자는 서버에 gif를 쓸수 있게 패치된 GD를 설치 해 놓으셨을때, 빛을 발합니다.
※ 다운받으신 압축 파일의 압축을 푸시면
gnu_htmlarea.zip ............................... 설치할 htmlarea 파일 꾸러미
exam_skin.zip ............................... 적용된 스킨 예제 파일 꾸러미 ( skin/borad/basic_board 수정 )
gnu_htmlarea.txt ............................... 이 설명서 파일
의 3개 파일이 나옵니다.
+ 설치법 +
1. 압축된 파일을 그누보드가 설치된 폴더로 올립니다.
예) /home/계정명/public_html/gnu/gnu_htmlarea.zip
2. 압축을 바로 풀어줍니다.
예) unzip gnu_htmlarea.zip
3. 압축이 풀리면서 다음과 같은 구조가 됩니다.
경로: /home/계정명/public_html/gnu/bbs/
htmlarea 만들어지며, 하위 파일들 넣어짐.
images.php ( 이미지 관리자 속 )
insert_images.php ( 이미지 관리자 겉 )
thumb.php ( 이미지 썸네일 GD 이용 자동 생성 )
※ 그누보드에는 이미지 저장 기능이 있습니다.
사용자마다 이미지 저장 공간을 주어 내용 작성시 편히 할수 있게 되어 있지요.
그 것을 htmlarea의 이미지 관리자로 대체 가능하게 하기위해 bbs 폴더 밑에 imagesave.php 와 같은 기능을 하는
이미지 관리자용 파일을 넣도록 하는 구조를 만들었습니다.
4. 이제 환경 설정을 할 차례입니다.
bbs/htmlarea.inc.php
bbs/htmlarea/config.inc.php
bbs/htmlarea/popups/config.inc.php
세개의 파일의 첫 단락 즈음에 제가 수정하라고 주석 달아 놓은 것들을 잘 수정해 주세요.
+ 스킨에 적용법 +
(1. 2. 3. 과정을 모르시겠다 싶으시면 같이 첨부된 예제 스킨을 자~알 보시기 바랍니다.)
1. gbform_main.skin.php 스킨에 다음을 삽입합니다.
<?
php 변수 설명...
....
....
?>
<!-- S: htmlarea -->
<script language="Javascript">
<!-- // load htmlarea
_editor_url = "htmlarea/"; // URL to htmlarea files
_editor_field = "";
var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]);
if (navigator.userAgent.indexOf('Mac') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Windows CE') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Opera') >= 0) { win_ie_ver = 0; }
if (win_ie_ver >= 5.5) {
document.write('<scr' + 'ipt src="' +_editor_url+ 'editor.js"');
document.write(' language="Javascript"></scr' + 'ipt>');
} else { document.write('<scr'+'ipt>function editor_generate() { return false; }</scr'+'ipt>'); }
// -->
</script>
<script window="_blank">
function save()
{
str = document.forms[0].Body.value;
mywin = window.open("about:blank", "mywin", "width=100,height=100");
mywin.document.open();
mywin.document.write('<html>\n');
mywin.document.write('<head>\n');
mywin.document.write('\n');
mywin.document.write('</head>\n');
mywin.document.write('<body>\n');
mywin.document.write(str);
mywin.document.write('\n');
mywin.document.write('</body>\n');
mywin.document.write('</html>\n');
mywin.document.execCommand("saveAs",true,"mydocument.html");
mywin.document.close();
mywin.close();
}
</script>
<STYLE TYPE="text/css">
.headtext { font-size:10pt;font-weight:bold; }
.hebrew_char {font-family: Arial, Verdana, David, Times New Roman, MS Shell;font-size:14pt;}
TD, DIV {font:9pt 굴림,돋움, 바탕, sans-serif;}
input.hebrew_char { width: 25px; height: 25px; border: 1px border-color : 000000 solid buttonface; margin: 0; padding: 0 }
input.normal { width: 75px; height: 25px; border: 1px border-color : 000000 solid buttonface; margin: 0; padding: 0; font-size:10pt;font-weight:bold;}
</STYLE>
<!-- E: htmlarea -->
이후 본문 내용이 죽~~~~~~~나오고....
<p>
<div align=center>
<input name=btnsubmit type=submit value=' 확 인 ' class=button>
<?=$show_imagesave_begin?>
<input type=button value='그림보관' onclick="imagewindowopen();">
<?=$show_imagesave_end?>
</div>
</form>
</td></tr></table>
<!-- S: htmlarea -->
<script language='javascript'>
editor_generate('wr_content');
</script>
<!-- E: htmlarea -->
2. gblist_tail.skin.php의 글쓰기 버튼의 링크 수정.
<?=$show_write_begin?><a href="htmlarea/load_editor.php?w=&<?=$qstr?>">글쓰기</a><?=$show_write_end?>
3. bgview_tail.skin.php의 글쓰기, 수정 버튼 링크 수정.
<?=$show_write_begin?><a href="htmlarea/load_editor.php?w=&<?=$qstr?>">글쓰기</a><?=$show_write_end?>
<?=$show_update_begin?><a href="htmlarea/load_editor.php?w=u&<?=$qstr?>&page=<?=$page?>&wr_id=<?=$wr_id?>">수정</a><?=$show_update_end?>
4. 테스트 해본다.
◈ 버그는 언제든 있을 수 있습니다. 이 글이 올려진 그누보드 게시판에 코멘트로 버그 리포팅 해주시면 감사하겠습니다.
그누보드 : http://www.sir.co.kr
* 그누보드 + htmlarea v2.03 (이미지 관리자, 템플릿 Plus 버젼)
*
* 개조한 사람: 무한 삽질에 도전하는 '학식 (yjmax@lycos.co.kr)'
*---------------------------------------------------------------*/
※ 이미지 관리자는 서버에 gif를 쓸수 있게 패치된 GD를 설치 해 놓으셨을때, 빛을 발합니다.
※ 다운받으신 압축 파일의 압축을 푸시면
gnu_htmlarea.zip ............................... 설치할 htmlarea 파일 꾸러미
exam_skin.zip ............................... 적용된 스킨 예제 파일 꾸러미 ( skin/borad/basic_board 수정 )
gnu_htmlarea.txt ............................... 이 설명서 파일
의 3개 파일이 나옵니다.
+ 설치법 +
1. 압축된 파일을 그누보드가 설치된 폴더로 올립니다.
예) /home/계정명/public_html/gnu/gnu_htmlarea.zip
2. 압축을 바로 풀어줍니다.
예) unzip gnu_htmlarea.zip
3. 압축이 풀리면서 다음과 같은 구조가 됩니다.
경로: /home/계정명/public_html/gnu/bbs/
htmlarea 만들어지며, 하위 파일들 넣어짐.
images.php ( 이미지 관리자 속 )
insert_images.php ( 이미지 관리자 겉 )
thumb.php ( 이미지 썸네일 GD 이용 자동 생성 )
※ 그누보드에는 이미지 저장 기능이 있습니다.
사용자마다 이미지 저장 공간을 주어 내용 작성시 편히 할수 있게 되어 있지요.
그 것을 htmlarea의 이미지 관리자로 대체 가능하게 하기위해 bbs 폴더 밑에 imagesave.php 와 같은 기능을 하는
이미지 관리자용 파일을 넣도록 하는 구조를 만들었습니다.
4. 이제 환경 설정을 할 차례입니다.
bbs/htmlarea.inc.php
bbs/htmlarea/config.inc.php
bbs/htmlarea/popups/config.inc.php
세개의 파일의 첫 단락 즈음에 제가 수정하라고 주석 달아 놓은 것들을 잘 수정해 주세요.
+ 스킨에 적용법 +
(1. 2. 3. 과정을 모르시겠다 싶으시면 같이 첨부된 예제 스킨을 자~알 보시기 바랍니다.)
1. gbform_main.skin.php 스킨에 다음을 삽입합니다.
<?
php 변수 설명...
....
....
?>
<!-- S: htmlarea -->
<script language="Javascript">
<!-- // load htmlarea
_editor_url = "htmlarea/"; // URL to htmlarea files
_editor_field = "";
var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]);
if (navigator.userAgent.indexOf('Mac') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Windows CE') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Opera') >= 0) { win_ie_ver = 0; }
if (win_ie_ver >= 5.5) {
document.write('<scr' + 'ipt src="' +_editor_url+ 'editor.js"');
document.write(' language="Javascript"></scr' + 'ipt>');
} else { document.write('<scr'+'ipt>function editor_generate() { return false; }</scr'+'ipt>'); }
// -->
</script>
<script window="_blank">
function save()
{
str = document.forms[0].Body.value;
mywin = window.open("about:blank", "mywin", "width=100,height=100");
mywin.document.open();
mywin.document.write('<html>\n');
mywin.document.write('<head>\n');
mywin.document.write('\n');
mywin.document.write('</head>\n');
mywin.document.write('<body>\n');
mywin.document.write(str);
mywin.document.write('\n');
mywin.document.write('</body>\n');
mywin.document.write('</html>\n');
mywin.document.execCommand("saveAs",true,"mydocument.html");
mywin.document.close();
mywin.close();
}
</script>
<STYLE TYPE="text/css">
.headtext { font-size:10pt;font-weight:bold; }
.hebrew_char {font-family: Arial, Verdana, David, Times New Roman, MS Shell;font-size:14pt;}
TD, DIV {font:9pt 굴림,돋움, 바탕, sans-serif;}
input.hebrew_char { width: 25px; height: 25px; border: 1px border-color : 000000 solid buttonface; margin: 0; padding: 0 }
input.normal { width: 75px; height: 25px; border: 1px border-color : 000000 solid buttonface; margin: 0; padding: 0; font-size:10pt;font-weight:bold;}
</STYLE>
<!-- E: htmlarea -->
이후 본문 내용이 죽~~~~~~~나오고....
<p>
<div align=center>
<input name=btnsubmit type=submit value=' 확 인 ' class=button>
<?=$show_imagesave_begin?>
<input type=button value='그림보관' onclick="imagewindowopen();">
<?=$show_imagesave_end?>
</div>
</form>
</td></tr></table>
<!-- S: htmlarea -->
<script language='javascript'>
editor_generate('wr_content');
</script>
<!-- E: htmlarea -->
2. gblist_tail.skin.php의 글쓰기 버튼의 링크 수정.
<?=$show_write_begin?><a href="htmlarea/load_editor.php?w=&<?=$qstr?>">글쓰기</a><?=$show_write_end?>
3. bgview_tail.skin.php의 글쓰기, 수정 버튼 링크 수정.
<?=$show_write_begin?><a href="htmlarea/load_editor.php?w=&<?=$qstr?>">글쓰기</a><?=$show_write_end?>
<?=$show_update_begin?><a href="htmlarea/load_editor.php?w=u&<?=$qstr?>&page=<?=$page?>&wr_id=<?=$wr_id?>">수정</a><?=$show_update_end?>
4. 테스트 해본다.
◈ 버그는 언제든 있을 수 있습니다. 이 글이 올려진 그누보드 게시판에 코멘트로 버그 리포팅 해주시면 감사하겠습니다.
그누보드 : http://www.sir.co.kr
첨부파일
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 7개
BSD open-source license. 라는 문장이 눈에 띄네요.
http://www.interactivetools.com/products/htmlarea/license.html
메뉴에서 자신이 선택하여 기능들을 추가/삭제 하여 여러가지(?) 편집기를 만들 수 있습니다.
http://www.interactivetools.com/staff/ben/generator/generator.html
적용해본후 자세한 내용을 적어보도록 하겠습니다.