닷넷에서 FCK에디터 설정

1. 환경 설정하기

fckeditor/fckconfig.js 파일에 필요한 대부분의 필요한 환경 설정을 할 수 있다.

먼저 기본으로 설정해야 할 환경에 대해서 알아본다.

 

서버스크립트별로 주석으로 표시되어 있는 부분을 해제 시켜준다.

FCKConfig.ProtectedSource.Add( /<%[\s\S]*?%>/g ) ; // ASP style server side code <%...%>

 

기본언어를 한글로 바꿔준다.

FCKConfig.DefaultLanguage  = 'kr' ;

 

편집중 엔터 또는 쉬프트+엔터에 대한 사입할 태그를 선택한다.

FCKConfig.EnterMode = 'div' ;   // p | div | br
FCKConfig.ShiftEnterMode = 'br' ; // p | div | br

링크 서버 보기 기능을 없애준다. 서버보기를 통해 불필요한 파일에 대한 업로드 방지와 보안의 일환으로 없애는 것이 좋다.

FCKConfig.LinkBrowser = false ;

이미지 서버 보기 기능을 없애준다.

FCKConfig.ImageBrowser = false ;

플래시 서버 보기 기능을 없애준다.

FCKConfig.FlashBrowser = false ;

2. 이미지 업로드 경로를 변경하기

fckeditor/editor/filemanager/connectors/aspx/config.ascx 파일에서 아래의 내용을 변경하면 원하는 곳에 저장할 수 있다.

UserFilesPath = "/userfiles/2010/";

 

3. 이미지 주소 형태 변경하기 ( 할필요 없었음. )

이미지를 업로드하게 되면 주소가 /files/fck/image.gif 처럼 전체 경로로 되어있지 않아서 사이트 내에서는 아무런 오류가 없지만, 만약 입력된 내용으로 이메일이라도 보내게 되면 이미지가 하나도 나오지 않게 된다.

이미지 태그가 아래처럼 만들어지기 때문이다.

<img src="/files/fck/image.gif">

그렇기 때문에 이미지가 어느 서버에 있는지 알수가 없어서 엑스박스로 나오게 된다. 이것은 이미지를 입력할때 해당 이미지의 전체 주소의 형태로 태그가 만들어지면 해결될수 있는 문제이다.

 

아래 파일을 열어서 SetUrl 함수를 변경한다.

/editor/dialog/fck_image/fck_image.js

function SetUrl( url, width, height, alt )
{
var httpUrl = documｅnt.location.protocol + "//" + documｅnt.location.host;

if ( sActualBrowser == 'Link' )
{
GetE('txtLnkUrl').value = httpUrl + url ;
UpdatePreview() ;
}
else
{
GetE('txtUrl').value = httpUrl + url ;
GetE('txtWidth').value = width ? width : '' ;
GetE('txtHeight').value = height ? height : '' ;

if ( alt )
GetE('txtAlt').value = alt;

UpdatePreview() ;
UpdateOriginal( true ) ;
}

window.parent.SetSelectedTab( 'Info' ) ;
}