웹마스터 팁

  2. Support
  3. 웹마스터 팁

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">&nbsp;       
  </form>
 </body>
</html>

 

이걸로 끝!!

 

회사 업무적인 글을 게시할때는 오타 나면 지적을 많이 당해서 연동해 봤습니다;

, , 이 게시물을
좋아요(+2)
목록
제목 글쓴이 날짜
1.2.2 업데이트 이후 위젯이 출력안되시는 분들 [1] [1] 반도체맨 2009.05.01
위지윅 에디터의 관리의 활성 비활성이 안될 경우 해결책 [2] 김유중345 2009.05.01
1.2.2 XE에디터에서 글쓸때 <p> <br> 자동 변환 단축키 [14] 샤릉해 2009.05.02
게시판 스킨에서 확장 변수에 값이 없을 경우 해당 항목 표시하지 않기 [6] SMaker 2009.05.04
그룹아이콘이 표시 될 때, 레벨 아이콘 표시 안하기 [2] Hide_D 2009.05.08
XpressEngine 1.2.2용 배경음악 틀 [4] 마빈박사359 2009.05.10
XE에 맞춤법 검사기를 링크해보자! [2] 개돌 2009.05.14
내가 작성 한 글에 대한 일괄 삭제/이동/복사 권한 주기 [2] file 개돌 2009.05.15
까페 아이디 삭제후 동일 아이디로 생성하는 방법 키스메리 2009.05.15
게시판에서 헤더와 풋부분을 붙이면 이미지 출력이 되지 않아요.. [2] 율이★ 2009.05.19
맞춤형 검색창 만들기 [9] thejeon 2009.05.19
스프링노트 연동문제 [2] nonoboy 2009.05.21
별도 페이지 로그인방법 cornet 2009.05.21
에디터에 관리자멘트 넣기 [총정리] [17] file 된장맛껌 2009.05.23
[허접팁] 파일첨부가 안됩니다 [1] 클럽다이 2009.05.23
BGM 쓰시는분 게시판 에서 첨부파일 다운받을때 끊어지시죠?ㅎㅎ [4] 우리아기 2009.05.23
BGM 가로스크롤바 없애는 방법.. 청개굴이 2009.06.03
회원가입시 닉네임 특수문자 제한하기 [10] 절망린 2009.06.06
관리자모드에서 메뉴 항상 펼치기 [1] file 아드레날린 2009.06.09
확장변수값 이미지로 대체하여 나타내기 (실시간 응대목적) [12] file sm3 2009.06.10
태그 쓰기