그누보드 베이직 스킨(코멘트 cheditor적용) (Cheditor 4 상용버전용)

그누보드 베이직 스킨(코멘트 cheditor적용) (Cheditor 4 상용버전용) 정보

게시판 그누보드 베이직 스킨(코멘트 cheditor적용) (Cheditor 4 상용버전용)

첨부파일

basic_cheditor_4.tar (67.7K) 537회 다운로드 2008-05-09 16:04:31

본문

그누보드 Basic 스킨에

Cheditor 4 버전 (상용버전) 을 적용 시켰습니다.

코멘트에 기존에 Cheditor가 적용이 되지 않던 문제도 해결 하였습니다.

코멘트 적용 방식은 Chcode에 "나창호" 님께서 도움을 주셨습니다..^^

※ 해당 스킨은 Cheditor 4.2 버전에서 만들어졌습니다. 기존에 그누보드에 있던 cheditor로는
적용이 안될 수도 있습니다.

/////////////////////////////////////////////////////////////////////////////////////////////////////////

한가지 빠트렸네요..^^ 아마 코멘트 쓰신분들 HTML코드가 그대로 출력 되실겁니다;;

view_comment.skin.php 파일에

$str = $list[$i][content];
이부분을
if ($board[bo_use_dhtml_editor]) {
$str = $list[$i][content1];
} else {
$str = $list[$i][content];
}
이렇게 수정 해 주시거나 (아빠불당님 제공^^)

/bbs/view_comment.php 파일에서

$list[$i][content] = conv_content($row[wr_content], 0, 'wr_content');
부분을
$list[$i][content] = conv_content($row[wr_content], 1, 'wr_content');
로 바꾸시면 됩니다..^^

불당님께서 제시하신 내용은.. 추후 DHTML사용을 해제하면 기존 Html도 소스로 보이게 되구요..

아래 방법으로 하시면... 일반적인 textarea에서 태그를 사용해도 먹히게 되니...

입맛에 따라 선택 하시면 되겠습니다...^^

/////////////////////////////////////////////////////////////
//////08.05.19 아빠불당님께서 수정 해주신 내용입니다.
/////////////////////////////////////////////////////////////
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>

<script language="JavaScript">
// 글자수 제한
var char_min = parseInt(<?=$comment_min?>); // 최소
var char_max = parseInt(<?=$comment_max?>); // 최대
</script>

<? if ($cwin==1) { ?><table width=100% cellpadding=10 align=center><tr><td><?}?>


<div id="commentContents">
<?
for ($i=0; $i<count($list); $i++) {
$comment_id = $list[$i][wr_id];
?>
<a name="c_<?=$comment_id?>"></a>
<table width=100% cellpadding=0 cellspacing=0 border=0>
<tr>
<td><? for ($k=0; $k<strlen($list[$i][wr_comment_reply]); $k++) echo "     "; ?></td>
<td width='100%'>

<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td height=1 colspan=3 bgcolor="#dddddd"><td>
</tr>
<tr>
<td height=1 colspan=3></td>
</tr>
<tr>
<td valign=top>
<div style="height:28px; background:url(<?=$board_skin_path?>/img/co_title_bg.gif); clear:both; line-height:28px;">
<div style="float:left; margin:2px 0 0 2px;">
<strong><?=$list[$i][name]?></strong>
<span style="color:#888888; font-size:11px;"><?=$list[$i][datetime]?></span>
</div>
<div style="float:right; margin-top:5px;">
<? if ($is_ip_view) { echo " <span style=\"color:#B2B2B2; font-size:11px;\">{$list[$i][ip]}</span>"; } ?>
<? if ($list[$i][is_reply]) { echo "<a href=\"javascript:comment_box('{$comment_id}', 'c');\"><img src='$board_skin_path/img/co_btn_reply.gif' border=0 align=absmiddle alt='답변'></a> "; } ?>
<? if ($list[$i][is_edit]) { echo "<a href=\"javascript:comment_box('{$comment_id}', 'cu');\"><img src='$board_skin_path/img/co_btn_modify.gif' border=0 align=absmiddle alt='수정'></a> "; } ?>
<? if ($list[$i][is_del]) { echo "<a href=\"javascript:comment_delete('{$list[$i][del_link]}');\"><img src='$board_skin_path/img/co_btn_delete.gif' border=0 align=absmiddle alt='삭제'></a> "; } ?>
 
</div>
</div>


<div style='line-height:20px; padding:7px; word-break:break-all; overflow:hidden; clear:both; '>
<?
if (strstr($list[$i][wr_option], "secret")) echo "<span style='color:#ff6600;'>*</span> ";
if ($board[bo_use_dhtml_editor]) {
$str = $list[$i][content1];
} else {
$str = $list[$i][content];
}
if (strstr($list[$i][wr_option], "secret"))
$str = "<span class='small' style='color:#ff6600;'>$str</span>";

$str = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp|mms)\:\/\/([^[:space:]]+)\.(mp3|wma|wmv|asf|asx|mpg|mpeg)\".*\<\/a\>\]/i", "<script>doc_write(obj_movie('$1://$2.$3'));</script>", $str);
$str = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp)\:\/\/([^[:space:]]+)\.(swf)\".*\<\/a\>\]/i", "<script>doc_write(flash_movie('$1://$2.$3'));</script>", $str);
$str = preg_replace("/\[\<a\s*href\=\"(http|https|ftp)\:\/\/([^[:space:]]+)\.(gif|png|jpg|jpeg|bmp)\"\s*[^\>]*\>[^\s]*\<\/a\>\]/i", "<img src='$1://$2.$3' id='target_resize_image[]' onclick='image_window(this);'>", $str);
echo $str;
?>
</div>
<? if ($list[$i][trackback]) { echo "<p>".$list[$i][trackback]."</p>"; } ?>
<span id='edit_<?=$comment_id?>' style='display:none;'></span>
<span id='reply_<?=$comment_id?>' style='display:none;'></span>
</div>
<input type=hidden id='secret_comment_<?=$comment_id?>' value="<?=strstr($list[$i][wr_option],"secret")?>">
<textarea id='save_comment_<?=$comment_id?>' style='display:none;'><?=get_text($list[$i][content1], 0)?></textarea></td>
</td>
</tr>
<tr>
<td height=5 colspan=3></td>
</tr>
</table>

</td>
</tr>
</table>
<? } ?>
</div>


<? if ($is_comment_write) { ?>

<script type="text/javascript" language="javascript" src="<?=$g4['editor_path']?>/comment.js"></script>
<div id=comment_write style="display:none;">
<table width=100% border=0 cellpadding=1 cellspacing=0 bgcolor="#dddddd"><tr><td>
<form name="fviewcomment" method="post" action="./write_comment_update.php" onsubmit="return fviewcomment_submit(this);" autocomplete="off" style="margin:0px;">
<input type=hidden name=w id=w value='c'>
<input type=hidden name=bo_table value='<?=$bo_table?>'>
<input type=hidden name=wr_id value='<?=$wr_id?>'>
<input type=hidden name=comment_id id='comment_id' value=''>
<input type=hidden name=sca value='<?=$sca?>' >
<input type=hidden name=sfl value='<?=$sfl?>' >
<input type=hidden name=stx value='<?=$stx?>'>
<input type=hidden name=spt value='<?=$spt?>'>
<input type=hidden name=page value='<?=$page?>'>
<input type=hidden name=cwin value='<?=$cwin?>'>
<input type=hidden name=is_good value=''>

<table width=100% cellpadding=3 height=156 cellspacing=0 bgcolor="#ffffff" style="border:1px solid #fff; background:url(<?=$board_skin_path?>/img/co_bg.gif) x-repeat;">
<tr>
<td colspan="2" style="padding:5px 0 0 5px;">
<span style="cursor: pointer;" onclick="textarea_decrease('wr_content', 8);"><img src="<?=$board_skin_path?>/img/co_btn_up.gif"></span>
<span style="cursor: pointer;" onclick="textarea_original('wr_content', 8);"><img src="<?=$board_skin_path?>/img/co_btn_init.gif"></span>
<span style="cursor: pointer;" onclick="textarea_increase('wr_content', 8);"><img src="<?=$board_skin_path?>/img/co_btn_down.gif"></span>
<? if ($is_guest) { ?>
이름 <INPUT type=text maxLength=20 size=10 name="wr_name" itemname="이름" required class=ed>
패스워드 <INPUT type=password maxLength=20 size=10 name="wr_password" itemname="패스워드" required class=ed>
<? if ($is_norobot) { ?>
<?//=$norobot_str?>
<?
// 이미지 생성이 가능한 경우 자동등록체크코드를 이미지로 만든다.
if (function_exists("imagecreate")) {
echo "<img src='$g4[bbs_path]/norobot_image.php' border='0' align='absmiddle' style='margin-left:10px;'>";
$norobot_msg = "* 왼쪽의 자동등록방지 코드를 입력하세요.";
}
else {
echo $norobot_str;
$norobot_msg = "* 왼쪽의 글자중 <FONT COLOR='red'>빨간글자</font>만 순서대로 입력하세요.";
}
?>

<input title="<?=$norobot_msg?>" type="input" name="wr_key" size="10" itemname="자동등록방지" required class=ed>
<?}?>
<? } ?>
<input type=checkbox id="wr_secret" name="wr_secret" value="secret">비밀글
<? if ($comment_min || $comment_max) { ?><span id=char_count></span>글자<?}?>
</td>
</tr>
<tr>
<td width=95%>

<? if ($board[bo_use_dhtml_editor]) { ?>
<textarea style="display:none" id="wr_content" name="wr_content" rows="10"></textarea>
<script type="text/javascript">
var editor = new cheditor("editor");
editor.config.editorPath = "<?=$g4['editor_path']?>";
editor.config.editorHeight = '100px';
editor.config.autoHeight = true;
editor.inputForm = 'wr_content';
editor.run();
</script>
<? } else { ?>
<textarea id="wr_content" name="wr_content" rows=8 itemname="내용" required
<? if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?}?> style='width:100%; word-break:break-all;' class=tx></textarea>
<? if ($comment_min || $comment_max) { ?><script language="javascript"> check_byte('wr_content', 'char_count'); </script><?}?>
<? } ?>
</td>
<td width=85 align=center>
<div><input type="image" src="<?=$board_skin_path?>/img/co_btn_write.gif" border=0 accesskey='s'></div>
</td>
</tr>
</table>
</form>
</td></tr></table>
</div>

<script language='JavaScript'>
var save_before = '';
function fviewcomment_submit(f)
{
var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
<? if ($board[bo_use_dhtml_editor]) { ?>
document.getElementById('wr_content').value = editor.outputBodyHTML();
<? } else { ?>
var save_html = document.getElementById('comment_write').innerHTML;
<? } ?>

var s;
if (s = word_filter_check(document.getElementById('wr_content').value))
{
alert("내용에 금지단어('"+s+"')가 포함되어있습니다");
<? if (!$board[bo_use_dhtml_editor]) { ?>
document.getElementById('wr_content').focus();
<? } ?>
return false;
}

// 양쪽 공백 없애기
<? if ($board[bo_use_dhtml_editor]) { ?>
//
<? } else { ?>
var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, "");
<? } ?>
if (char_min > 0 || char_max > 0)
{
check_byte('wr_content', 'char_count');
var cnt = parseInt(document.getElementById('char_count').innerHTML);
if (char_min > 0 && char_min > cnt)
{
alert("코멘트는 "+char_min+"글자 이상 쓰셔야 합니다.");
return false;
} else if (char_max > 0 && char_max < cnt)
{
alert("코멘트는 "+char_max+"글자 이하로 쓰셔야 합니다.");
return false;
}
}
else if (!document.getElementById('wr_content').value)
{
alert("코멘트를 입력하여 주십시오.");
return false;
}

if (typeof(f.wr_name) != 'undefined')
{
f.wr_name.value = f.wr_name.value.replace(pattern, "");
if (f.wr_name.value == '')
{
alert('이름이 입력되지 않았습니다.');
f.wr_name.focus();
return false;
}
}

if (typeof(f.wr_password) != 'undefined')
{
f.wr_password.value = f.wr_password.value.replace(pattern, "");
if (f.wr_password.value == '')
{
alert('패스워드가 입력되지 않았습니다.');
f.wr_password.focus();
return false;
}
}

if (typeof(f.wr_key) != 'undefined')
{
if (hex_md5(f.wr_key.value) != md5_norobot_key)
{
alert('자동등록방지용 빨간글자가 순서대로 입력되지 않았습니다.');
f.wr_key.focus();
return false;
}
}

return true;
}

function comment_box(comment_id, work)
{
var el_id = '';
// 코멘트 아이디가 넘어오면 답변, 수정
if (comment_id) {
el_id = (work == 'c') ? 'reply_' : 'edit_';
el_id += comment_id;
}
else {
document.getElementById('comment_write').style.display = 'block';
return;
}

if (save_before != el_id)
{
document.getElementById(el_id).appendChild(document.getElementById("comment_write"));
document.getElementById(el_id).style.display = 'block';
// 코멘트 수정
if (work == 'cu')
{
<? if ($board[bo_use_dhtml_editor]) { ?>
editor.resetEditArea(document.getElementById('save_comment_'+comment_id).value);
editorReset();
<? } else { ?>
document.getElementById('wr_content').value = document.getElementById('save_comment_'+comment_id).value
<? } ?>
if (typeof char_count != 'undefined')
check_byte('wr_content', 'char_count');

if (document.getElementById('secret_comment_'+comment_id).value)
document.getElementById('wr_secret').checked = true;
else
document.getElementById('wr_secret').checked = false;
}
<? if ($board[bo_use_dhtml_editor]) { ?>
else if (work == 'c') {
editor.resetEditArea('');
editorReset();
}
<? } ?>

document.getElementById('comment_id').value = comment_id;
document.getElementById('w').value = work;

save_before = el_id;
}
}

function editorReset () {
editor.setEditorOpt();
editor.editArea.focus();
}

function comment_delete(url)
{
if (confirm("이 코멘트를 삭제하시겠습니까?")) location.href = url;
}

comment_box('', 'c'); // 코멘트 입력폼이 보이도록 처리하기위해서 추가 (root님)
</script>
<? } ?>

<? if($cwin==1) { ?></td><tr></table><p align=center><a href="javascript:window.close();"><img src="<?=$board_skin_path?>/img/btn_close.gif" border="0"></a><br><br><?}?>