위지윅 Fckeditor 설치 방법

인베인 참가자

게시글147 댓글411 총합558 @leemgs

 

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

아래는  joomla을 이용하여 fckeditor를 설치하는 방법이다.
fc6#> wget 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 & 윈윈전략을 도모할 지언정 절대 공짜(무료)임을 뜻하지 않는다.치

[ELem참가자]

ELem 참가자

게시글74 댓글709 총합783 @Bardisch

 

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

 

[인베인참가자]

인베인 참가자

게시글147 댓글411 총합558 @leemgs

 

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

 

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