web

FCKeditor2.2 설치 및 설정 asp버젼

C/H 2007. 4. 4. 14:21
FCKEditor 다운로드 : http://www.fckeditor.net/

  업로드파일 경로설정

  /FCKeditor/editor/filemanager/browser/default/connectors/asp/config.asp

  ConfigUserFilesPath = "/UserFiles/"
  ConfigIsEnabled = False 을 True 로 설정


 

fckconfig.js의 설정

   - 에디터에서 엔터칠때 한줄만 내려가게 하려면 주석을 풀면됨

   FCKConfig.UseBROnCarriageReturn = true ; // IE only

   - 폰트 크기 부분에 나타나는 내용 변경

   FCKConfig.FontSizes  = '1/8pt;2/10pt;3/12pt;4/14pt;5/18pt;6/24pt;7/36pt';

   - 기본 언어 한글로 변경

   FCKConfig.DefaultLanguage  = 'ko';

   -입력한 스크립트가 임의로 재정렬되지 않도록 아래 부분의 주석 처리 제거

   (언어별 주석체크해제)

   FCKConfig.ProtectedSource.Add( /<script[\s\S]*?\ script="">/gi ) ; //

   FCKConfig.ProtectedSource.Add( /&lt;%[\s\S]*?%&gt;/g ) ; // ASP

   FCKConfig.ProtectedSource.Add( /&lt;\?[\s\S]*?\?&gt;/g ) ; // PHP

   FCKConfig.ProtectedSource.Add( /(<asp:[^\>]+&gt;[\s|\S]*?&lt;\/asp:[^\&gt;]+&gt;)|(<asp:[^\>]+\/&gt;)/gi ) ; // ASP.Net

- 폰트 순서 바꿈

  FCKConfig.FontNames  = ';굴림;굴림체;궁서;궁서체;돋움;돋움체;바탕;바탕체;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

에디터 적용 페이지에서------------------------------------

  Dim oFCKeditor
  Set oFCKeditor = New FCKeditor
  oFCKeditor.BasePath = "/FCKeditor/"
  oFCKeditor.Value = ""
  oFCKeditor.Config("UseBROnCarriageReturn") = True
  oFCKeditor.Create "FCKeditor1"

값을 전송받은 페이지에서------------------------------------

   - replace함수를 써서 " -&gt; '  으로 변환한다.
   content = replace(Request.Form("FCKeditor1"),"""","'")

  - 전송받은 페이지에서 한글깨짐 처리방법

    &lt;%@ CodePage='949'  Language="VBScript"%&gt;

  이미지업로드시 한글파일깨짐방지---------------------------------

  html 페이지에...
  <meta http-equiv="Content-Language" content="ko">
  <meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
  asp 페이지에...
  Session.CodePage = 949
  Response.ChaRset = "euc-kr"

 

  클래스 파일의 인클루드
  <!--#include virtual="/FCKeditor/fckeditor.asp"-->
  <!--#include file="./FCKeditor/fckeditor.asp"-->

  한글을 위해 utf8지움 두줄 삭제

  &lt;%@ CodePage=65001 Language="VBScript"%&gt;

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  submit시 내용체크 펑션

function isNull( s ) {
  if( s == null ) return true;

  var result = s.replace(/(^\s*)|(\s*$)/g, "");

  if( result )
    return false;
  else
    return true;
}


function sendit(it) {
  var s = FCKeditor1___Frame.document.eEditorArea.document.body.innerText;

  if(isNull(s)) {
    alert("내용을 입력하세요");
    FCKeditor1___Frame.focus();
    return false;
  }
  document.form.submit.disabled = true;
}

</asp:[^\></asp:[^\></script[\s\S]*?\><form name="form" method="post" action="query_ok.asp" target="_blank" onsubmit="return sendit(this);">
<input name="submit" value="submit" type="submit">
</form>

에디터에서 기본 폰트를 변경

FCKeditor/editor/css/fck_editorarea.css 파일 안의

Body 부분 font-family 순서와 종류를 바꿈

body
{
 font-family: 굴림;굴림체;궁서;궁서체;돋움;돋움체;바탕;바탕체;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana;
 font-size: 12px;
 padding: 5px 5px 5px 5px;
 margin: 0px;
 border-style: none;
 background-color: #ffffff;
}

출처 : http://cafe.naver.com/q69.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=40357



반응형