setup/개발 관련2010. 4. 7. 11:26


#FCKeditor 설정하기 1-1
fckeditor를 실제 소스에 적용해서 화면에 제대로 불러와지는지 확인한다.

1. 소스에 적용하기
    - fckeditor를 사용할 fckeditor_load.php 파일(본인이 만든 파일)을 만든다.
      예>http://localhost/fckeditor_load.php
    - 후 아래의 소스를 삽입한다.

    소스예>
    <script type="text/javascript" src="/fckeditor/fckeditor.js"></script>
    <script type="text/javascript">
    <!--    
    window.onload=function()
    {
      var objFCK = new FCKeditor('content');

      objFCK.BasePath = "/fckeditor/";   // fckeditor 디렉터리 경로
      objFCK.Width = "70%";
      objFCK.Height = "50%";
      objFCK.value = "";
      objFCK.ToolbarSet = "Default";        // fckeditor 툴바
 
      var BasePath = '/fckeditor/';
      var Skin = 'office2003';                   // fckeditor 스킨 타입
      var SkinPath = BasePath + 'editor/skins/' + Skin + '/' ;

      objFCK.Config['SkinPath'] = SkinPath ;   // fckeditor 스킨 변경
      objFCK.ReplaceTextarea();
    }
    //-->
    </script>

    <textarea name="content"></textarea>

    - 설치 경로가 다르다면 굵은글씨 부분을 본인의 설치경로에 맞춰준다.

2. 제대로 적용되었는지 확인을 한다.
    예>http://localhost/fckeditor_load.php : fckeditor_load.php(본인이 만든 파일)

[브라우저에서 확인]

참고> fckeditor가 불러와지지 않는다면 적용한 소스에서 경로 부분을 다시 확인해 본다.

Posted by 은둔고수