FCK editor No.2

http://cain78.isblog.net/trackback_post_45.aspx


FCKeditor 2.4.2  다운로드

다운로드를 받았으면 프로젝트내에 쉽게 추가할 수 있는 .NET 컨트롤도 함께 다운받도록 하겠습니다. 아래의 사이트에서 FCKeditor.Net 를 다운받습니다.
(현 최신 버전은 2.2 버전입니다.)

FCKeditor.Net 다운로드

다운을 받았으면 먼저 FCKeditor 를 프로젝트에 추가하는 방법을 설명하기 위해 Visual Studio 2005 를 실행하고 데모 프로젝트를 추가하도록 하겠습니다.

아래화면처럼 HTMLeditor 라는 새 웹솔루션을 만들겠습니다.

화면처럼 솔루션 이름은 HTMLeditor , 위치는 원하는 폴더로 입력후 확인버튼을 누르면 웹 솔루션이 생성됩니다.


이제 FCKeditor.Net_2.2.zip 의 압축을 풀고 풀린 폴더의 내용을 생성한 프로젝트 폴더로 옮깁니다.

프로젝트 추가 - 기존 프로젝트 추가를 선택한뒤 FCKeditor.NET 을 복사한 폴더를 지정하고 FredCK.FCKeditorV2.csproj 프로젝트를 추가합니다. FCKeditor.Net의 프로젝트는 1.1 기반이므로 변환 마법사가 표시됩니다. 그냥 변환을 하시면 되며, 큰 에러가 발생되지는 않습니다. 팬더곰을 믿으십시요. ^^






FCKeditor.Net 은 먼저 설명했듯이 FCKeditor 를 유저컨트롤로 페이지에 삽입하고 컨트롤 할수 있도록 해줍니다. 생성한 HTMLeditor 웹솔루션에서 참조하기 위해 웹솔루션의 참조에서 참조추가를 선택합니다.



프로젝트 탭을 클릭하고 추가한 FCKeditor.Net 을 선택한 뒤 확인을 누르면 HTMLeditor 프로젝트에 FCKeditor 유저 컨트롤이 추가됩니다. 이제 FCKeditor.NET을 빌드하면 FCKeditor 유저컨트롤을 쓸 수 있도록 솔루션 bin 폴더에 dll 이 추가되는것을 볼 수 있습니다.



유저 컨트롤이 추가되었다면 이제 프로젝트에 FCKeditor 를 추가해 보겠습니다.
다운받은 FCKeditor_2.4.2.zip 의 압축을 풀고 fckeditor 폴더를 카피하여 HTMLeditor 프로젝트에 붙여넣기 합니다.



화면과 같이 붙여넣기가 되었다면 이제 컨트롤을 호출하는 부분만 수정하면 됩니다.
Default.aspx 에 삽입하기 위해서 아래와 같은 내용을 페이지 상단에 추가합니다.

	<%@ Register TagPrefix="FCKeditorV2" Namespace="FredCK.FCKeditorV2" Assembly="FredCK.FCKeditorV2" %>

커스텀 컨트롤을 선언하는 문장입니다.
그리고 페이지 중간에 아래와 같은 내용을 추가합니다. 이것은 실제 컨트롤을 호출합니다.

	<FCKeditorV2:FCKeditor id="FCKeditor1" BasePath="~/fckeditor/" runat="server" />

디자인 타임에서 확인하면 다음과 같이 표시됩니다.



페이지를 컴파일 하고 브라우저에서 보기 등을 통해 확인하면 훌륭한 HTML 컨트롤이 표시되는것을 확인할 수 있게 됩니다.



FCKeditor.NET 컨트롤을 통해서 FCKeditor에서 설정할 수 있는 환경 설정을 코드비하인드에서 변경할 수 있으니, 사이트의 사용자와 관리자가 사용할 수 있는 툴바의 기능을 제한 할 수도 있으며 여러가지 변수를 변경해 적용할 수도 있겠습니다. 물론 FCKeditor.NET 프로젝트를 수정하여 필요한 속성이나 기능을 추가할 수도 있을것입니다.



자, 이해가 잘 되셨는지 모르겠습니다. 이번 강좌에서는 웹 솔루션에 FCKeditor 를 추가하는 방법을 설명하였습니다. 전체 프로젝트가 필요하신 분은 아래의 소스를 참고하시기 바라며 다음 강좌에서 FCKeditor 의 세부적인 환경설정 방법과, 이즈블로그에 쓰인 FCKeditor 의 커스트마이징 된 기능에 대해서 설명하도록 하겠습니다.