FREEDOM. FRIENDS. FEATURES. FIRST.
페도라 한국 사용자 모임

위지윅 Fckeditor 설치 방법

게시판 Tech/Tip 위지윅 Fckeditor 설치 방법

  • This topic has 2개 답변, 2명 참여, and was last updated 11 years 전에 by 인베인. This post has been viewed 21 times
  • 만든이
    게시글
  • #12085
    인베인
    참가자
    • 게시글141
    • 댓글379
    • 총합520
    • ★★
    @leemgs

    http://www.fckeditor.net/
    http://joomlacode.org/

    아래는  joomla을 이용하여 fckeditor를 설치하는 방법이다.
    fc6#> w get http://joomlacode.org/gf/download/frsrelease/5078/21064/Joomla-1.5.0.tar.gz
    fc6#> tar xvzf Joomla-1.5.0.tar.gz
    fc6#> cd Joomla-1.5.0
    fc6#> firefox http:locahlost/Admin/ - Menu - mabots - site mambots 선택
    New button을 눌러서 설치한다.
    Menu중 site에 Global configuration 들어가서 기본 editor를 fckeditor로 교체
    원하는 폼메뉴를 선택한후 "완료"하면 된다.

    이제는 fckeditor를 직접 수동으로 설치하는 방법에 관한 것이다.
    먼저 FCKEditor압축파일을 다운받은후 압축을 해제한다. 

    sample파일 : /FCKeditor/_sample  폴더 밑 sample파일
    test파일 : /FCKeditor/_testcases 폴더 및 html 파일
    editor페이지:  /FCKeditor/editor/fckeditor.html 과 fckeditor.original.html파일

    편집기가 들어가는 위치에 다음의 ASP코드를 삽입한다.
    ------send.asp의 원본소스-------------------------------------------------------------------------------
    <%asp
     Dim oFCKeditor
     Set oFCKeditor = New FCKeditor
     oFCKeditor.BasePath = "/FCKeditor/"
     oFCKeditor.Create "FCKeditor1"
    %>

    ------send.php의 원본소스-------------------------------------------------------------------------------
    <?php
    $sBasePath = "../fckeditor/";
    //echo ("current info : $sBasePath <br>");
    $oFCKeditor = new FCKeditor('FCKeditor1') ;
    $oFCKeditor->BasePath   = $sBasePath ;
    $oFCKeditor->Height     = 400;
    $oFCKeditor->Value      = '<p>웹메일 위지윅 에디터</p>' ;
    $oFCKeditor->Create() ;
    ?>

    -----send.php의 웹출력후의 소스-------------------------------------------------------------------------
    <link href="../fckeditor/sample.css" rel="stylesheet" type="text/css" />
    <div>
    <input
    type="hidden" id="FCKeditor1" name="FCKeditor1"
    value="&lt;p&gt;웹메일 위지윅 에디터&lt;/p&gt;"
    style="display:none" />
    <input type="hidden" id="FCKeditor1___Config" value="" style="display:none" />
    <iframe id="FCKeditor1___Frame" src="../fckeditor/editor/fckeditor.html?InstanceName=
    FCKeditor1&amp;Toolbar=Default" width="100%" height="400" frameborder="0" scrolling="no">
    </iframe>
    </div>

    --------------------------------------------------------------------------------------------------------

    ◆ Enter키 사용시

    태그에서 태그 적용방법
     fckconfig.js 중에 FCKConfig.UseBROnCarriageReturn = true ; 으로 변경
     

    ◆ 설정사항
     설정파일 - fckeditor.asp
      sBasePath  = "/FCKeditor/"
      sWidth   = "100%" '너비
      sHeight   = "400"  '높이
      sToolbarSet  = "Default" '툴바 스타일
      sValue   = ""

     

    ◆ FCKeditor 제공하는 기본 언어/메뉴/스킨 변경
       /FCKeditor/_sample폴더 밑에 sample파일 참조
    <%
     Dim sBasePath
     sBasePath = "/FCKeditor/"
     
     Dim oFCKeditor
     Set oFCKeditor = New FCKeditor
     oFCKeditor.BasePath = sBasePath
    %>

     1. 언어변경 : sample2.asp 참조
       oFCKeditor.Config("DefaultLanguage")
     2. 메뉴변경 : sample3.asp 참조
       oFCKeditor.ToolbarSet = Request.QueryString("Toolbar")
       value = Default , Basic
     3. 스킨변경 : sample4.asp 참조
       oFCKeditor.Config("SkinPath") = sBasePath + "editor/skins/" & Request.QueryString("Skin") + "/"
       value = default.office2003,silver

     

    ◆ 도구모음 중 불필요한 도구 제거하기
     /FCKeditor/fckconfig.js 파일에서
     FCKConfig.ToolbarSets["Default"] 항목의 값중에 필요없는 도구를 제거한다.
     

    ◆ 아이콘 경로가 현재위치(/FCKeditor)부터 적용되어 있는걸 URL을 포함시키는 방법.
     /FCKeditor/fckconfig.js 파일에서
     [아이콘 경로]
     FCKConfig.site_root_url = "url입력";
     FCKConfig.SmileyPath = FCKConfig.site_root_url + FCKConfig.BasePath + 'images/smiley/msn/' ;
     
     이미지 및 플래시 경로 변경도 비슷할듯 테스트 해봐야...

     

    * 오픈소스는 Open Innovationa & 윈윈전략을 도모할 지언정 절대 공짜(무료)임을 뜻하지 않는다.치

1 답변 글타래를 보이고 있습니다
  • 글쓴이
    답변
    • #12667
      ELem
      참가자
      • 게시글67
      • 댓글672
      • 총합739
      • ★★
      @Bardisch

      몇가지 언어가 지원될까나;;
      구글링하러 ㄱㄱ

    • #12668
      인베인
      참가자
      참가자
      • 게시글141
      • 댓글379
      • 총합520
      • ★★
      @leemgs

      제경우에는 php , asp 에 적용해보았습니다.  다른 jsp, perl, ruby, c,python에 적용하는것도 충분히 가능합니다.

       

      * 오픈소스는 Open Innovationa & 윈윈전략을 도모할 지언정 절대 공짜(무료)임을 뜻하지 않는다.치

1 답변 글타래를 보이고 있습니다
  • 답변은 로그인 후 가능합니다.