웹마스터 팁
XE에 맞춤법 검사기를 링크해보자!
2009.05.14 18:05
우선 이 기능은 http://speller.cs.pusan.ac.kr 에서 바로 사용이 가능한 맞춤법 검사기를 XE에서 링크가 되도록 수정하였습니다.
처리 방법은
1. 게시물 작성(댓글 작성)
2. 맞춤법 검사 클릭
3. 게시물 post 방식으로 popup에 전달
4. EUC-KR로 문자 변환
5. <br><p> / 줄바꿈 문자를 공백으로 변환
6. textarea에 내용을 자동 입력
7. 확인
8. 결과 값 확인
위와같은 프로세스를 가지게 됩니다.
소스는 아래와 같습니다.
1. /xe/mmodules/lang/ko.lang.php
중간에 해당 소스 추가 (저는 27 라인 입니다.)
// 버튼에 사용되는 언어
$lang->cmd_board_list = '게시판 목록';
$lang->cmd_module_config = '게시판 공통 설정';
$lang->cmd_view_info = '게시판 정보';
$lang->cmd_list_setting = '목록설정';
$lang->cmd_spell = '맞춤법 검사';
2. /xe/modules/board/skins/xe_board/write_form.html
제일 아랫줄 쪽에 해당 소스 추가
<div class="fl gap1">
<!--@if($is_logged)-->
<span class="button {$btn_class}"><input type="button" value="{$lang->cmd_temp_save}" /></span>
<span class="button {$btn_class}"><input type="button" value="{$lang->cmd_load}" /></span>
<span class="button {$btn_class}"><input type="button" value="{$lang->cmd_back}" /></span>
<span class="button {$btn_class}"><input type="button" value="{$lang->cmd_spell}" /></span>
<!--@end-->
</div>
<div class="fr gap1">
<span class="button {$btn_class}"><input type="button" value="{$lang->cmd_preview}" /></span>
<span class="button {$btn_class}"><input type="submit" value="{$lang->cmd_registration}" accesskey="s" /></span>
</div>
<div class="clear"></div>
</form>
<form name="spell" method="post" target="SpellCheck" >
<input type="hidden" name="CheckText" />
</form>
<!--#include("footer.html")-->
3. /xe/modules/board/skins/xe_board/view_document.html
제일 아랫 줄 쪽에 해당 소스 추가
<div class="commentButton tRight">
<span class="button {$btn_class}"><input type="button" value="{$lang->cmd_spell}" /></span>
<span class="button {$btn_class}"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>
</div>
</form>
<form name="spell" method="post" target="SpellCheck" >
<input type="hidden" name="CheckText" />
</form>
<!--@end-->
( write_form.html <= 글 작성폼 // view_document.html <== 댓글 작성 폼 // 두 파일 모두 추가합니다.)
4. /xe/common/js/common.js
line 668 함수 추가
function doDocumentSpellCheck(obj){
var fo_obj = obj;
while(fo_obj.nodeName != "FORM") {
fo_obj = fo_obj.parentNode;
}
if(fo_obj.nodeName != "FORM") return;
var editor_sequence = fo_obj.getAttribute('editor_sequence');
var content = editorGetContent(editor_sequence);
var sf = document.spell;
var st = sf.CheckText;
st.value = content;
var wins = "about:blank";
window.open(wins,'SpellCheck','width=450,height=800,scrollbars=yes');
sf.target = 'SpellCheck';
sf.action = '/spellCheck.php'
sf.submit();
}
5. spellCheck.php 파일 생성
<?
$content = $_REQUEST['CheckText'];
$content = iconv("UTF-8","EUC-KR", $content);
$content = str_replace("<BR>","\r\n",strtoupper($content));
$content = str_replace("<P>","\r\n\r\n",strtoupper($content));
$content = str_replace("&NBSP;"," ",strtoupper($content));
$content = strip_tags($content);
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;CHARSET=ksc5601"/>
<style type="text/css">
/* 개발자 도구로 작성. 원본 파일을 정확하게 표현한 것이 아닐 수도 있습니다*/
A:link {
COLOR: slateblue; TEXT-DECORATION: underline
}
A:active {
COLOR: slateblue; TEXT-DECORATION: underline
}
A:visited {
COLOR: slateblue; TEXT-DECORATION: underline
}
A:hover {
COLOR: blue; TEXT-DECORATION: none
}
TD {
TEXT-ALIGN: center; FONT-FAMILY: 굴림; FONT-SIZE: 9pt
}
TEXTAREA {
SCROLLBAR-ARROW-COLOR: #ffe384; BORDER-BOTTOM: #f2b704 1px solid; BORDER-LEFT: #f2b704 1px solid; SCROLLBAR-FACE-COLOR: #fffaef; BACKGROUND-COLOR: #fffaef; PADDING-LEFT: 2pt; PADDING-RIGHT: 2pt; SCROLLBAR-DARKSHADOW-COLOR: #fffaef; SCROLLBAR-HIGHLIGHT-COLOR: #f2b704; COLOR: #333333; SCROLLBAR-SHADOW-COLOR: #f2b704; BORDER-TOP: #f2b704 1px solid; SCROLLBAR-TRACK-COLOR: #fffaef; BORDER-RIGHT: #f2b704 1px solid; SCROLLBAR-3DLIGHT-COLOR: #fffaef; PADDING-TOP: 2pt
}
.but {
BORDER-BOTTOM: #f2b704 1px solid; BORDER-LEFT: #f2b704 1px solid; BACKGROUND-COLOR: #fffaef; WIDTH: 60px; HEIGHT: 21px; COLOR: #333333; BORDER-TOP: #f2b704 1px solid; CURSOR: hand; BORDER-RIGHT: #f2b704 1px solid; PADDING-TOP: 1px
}
</style>
<script type="text/javascript">
function init() {
window.resizeTo(450,800);
var node = opener.editorPrevNode;
}
function isEnter(key) {
keyValue = (navigator.appName=='Netscape') ? key.which : key.keyCode;
if (keyValue==13 && key.ctrlKey ) {
this.form.submit();
}
}
</script>
</head>
<body>
<form name="form" action="http://speller.cs.pusan.ac.kr/WebSpell_ISAPI.dll?Check" method="post">
<TEXTAREA name=text1 rows=45 cols=55 STYLE = "ime-mode:active"><?=$content?></TEXTAREA><p>
<input type="submit" value="확인하기" class="but" title="ctrl-enter">
</form>
</body>
</html>
이걸로 끝!!
회사 업무적인 글을 게시할때는 오타 나면 지적을 많이 당해서 연동해 봤습니다;
댓글 2
제목 | 글쓴이 | 날짜 |
---|---|---|
관리자모드에서 메뉴 항상 펼치기 [1] | 아드레날린 | 2009.06.09 |
회원가입시 닉네임 특수문자 제한하기 [10] | 절망린 | 2009.06.06 |
BGM 가로스크롤바 없애는 방법.. | 청개굴이 | 2009.06.03 |
BGM 쓰시는분 게시판 에서 첨부파일 다운받을때 끊어지시죠?ㅎㅎ [4] | 우리아기 | 2009.05.23 |
[허접팁] 파일첨부가 안됩니다 [1] | 클럽다이 | 2009.05.23 |
에디터에 관리자멘트 넣기 [총정리] [17] | 된장맛껌 | 2009.05.23 |
별도 페이지 로그인방법 | cornet | 2009.05.21 |
스프링노트 연동문제 [2] | nonoboy | 2009.05.21 |
맞춤형 검색창 만들기 [9] | thejeon | 2009.05.19 |
게시판에서 헤더와 풋부분을 붙이면 이미지 출력이 되지 않아요.. [2] | 율이★ | 2009.05.19 |
까페 아이디 삭제후 동일 아이디로 생성하는 방법 | 키스메리 | 2009.05.15 |
내가 작성 한 글에 대한 일괄 삭제/이동/복사 권한 주기 [2] | 개돌 | 2009.05.15 |
XE에 맞춤법 검사기를 링크해보자! [2] | 개돌 | 2009.05.14 |
XpressEngine 1.2.2용 배경음악 틀 [4] | 마빈박사359 | 2009.05.10 |
그룹아이콘이 표시 될 때, 레벨 아이콘 표시 안하기 [2] | Hide_D | 2009.05.08 |
게시판 스킨에서 확장 변수에 값이 없을 경우 해당 항목 표시하지 않기 [6] | SMaker | 2009.05.04 |
1.2.2 XE에디터에서 글쓸때 <p> <br> 자동 변환 단축키 [14] | 샤릉해 | 2009.05.02 |
위지윅 에디터의 관리의 활성 비활성이 안될 경우 해결책 [2] | 김유중345 | 2009.05.01 |
1.2.2 업데이트 이후 위젯이 출력안되시는 분들 [1] [1] | 반도체맨 | 2009.05.01 |
사랑비BGM 플레이기 설치하고 제어하기 [2] | 스유군 | 2009.04.28 |