Fckeditor 적용한 그누보드 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

Fckeditor 적용한 그누보드 정보

Fckeditor 적용한 그누보드

첨부파일

FCKeditor_2.6.4.tar.gz (936.3K) 227회 다운로드 2009-04-05 01:32:18

본문

저작권은 오픈소스로 알고있습니다
UTF-8 입니다.
Euc-Kr로 사용하시는분은 ansi 로 변환 하셔야합니다.

Fckeditor 내에 기본적으로 3가지 스킨이 있습니다. 1가지는 default 스킨임으로 버로우 시키고 미리보기 이미지에요





1. 압축해제&설치

/.
/..
/bbs
/adm
/lib
/skin
/fckeditor

요런식으로 되게 압축을 ?底� 올리세요.

2. 뵀꼬� 적용 write.skin.php
첫번째줄
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if ($is_dhtml_editor) {
    include_once("$g4[path]/lib/cheditor4.lib.php");
    echo "<script src='$g4[cheditor4_path]/cheditor.js'></script>";
    echo cheditor1('wr_content', '100%', '450px');
}
//fckeditor를 불러와요
include "$g4[path]/fckeditor/fckeditor.php";

?>

중간쯤 가서 내용 부분에
 <? if ($is_dhtml_editor) { ?>
           
<?php
$oFCKeditor = new FCKeditor('wr_content');          // textarea name
$oFCKeditor->BasePath = '../fckeditor/';
$oFCKeditor->Value      = $write[wr_content] ; // 로딩시 출력

$oFCKeditor->Height     = 600;      // height
$oFCKeditor->Create();
?>

        <? } else { ?>
원래의 cheditor 내용을 뺴고 빨강 글씨를 추가합니다

그담에 맨 밑쪽에
    <?
    if ($is_dhtml_editor) echo cheditor3('wr_content');
    ?>

요넘을 삭제 또는 주석처리하세요.



3. 설정
기본적으로 에디터에서 이미지 업로드를 못하게 막아놨으니 풀어줍니다.

/fckeditor/editor/filemanager/connectors/php/config.php  파일에서

아래부분을 찾아 바꿔줍니다.
$Config['Enabled'] = true ;


파일업로드시 파일명을 그대로 쓰기때문에 파일명이 중복될경우 업로드가 되질않기때문에 수정합니다.

/fckeditor/editor/filemanager/connectors/php/commands.php

에서

   while ( true )
   {
    //한글파일명&파일명 중복 때문에 파일명을 시간으로 변경
    $sFileName = date('YmdHis').'.'.$sExtension;

    $sFilePath = $sServerDir . $sFileName ;

빨간 2줄을 추가 합니다.







요렇게 하면 일단은 사용하는데 문제는 없습니다.
스킨을 변경하시려면
/fckeditor/fckcongif.js 에서

요부분을 찾아

FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;

지금은 office2003인데 원래 디폴트는 default 임니다
silver 스킨도 들어있습니다.
실버스킨은
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;


툴바아이콘 정의는
/fckeditor/fckconfig.js

에서
FCKConfig.ToolbarSets["Default"] = [
 ['Source','DocProps','-','Save','Preview','-','Templates'],
 ['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
 ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
 '/',
 ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
 ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],
 ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
 ['Link','Unlink','Anchor'],
 ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
 '/',
 ['Style','FontFormat','FontName','FontSize'],
 ['TextColor','BGColor'],
 ['FitWindow','ShowBlocks']  // No comma for the last row.
] ;

FCKConfig.ToolbarSets["Basic"] = [
 ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
] ;

인데 기본적으로 폼관련 메뉴와 New-page 어쩌구하는거랑 은 빼시면 좋아요




게시판 테스트는 아래 주소에서 하세요 비회원 글쓰기 허용했습니다.
http://clan.pe.kr/egghyun/write


추가 스킨은
http://sourceforge.net/tracker/?atid=740153&group_id=75348&func=browse
추가 플러그인은
http://sourceforge.net/tracker/?words=tracker_browse&sort=open_date&sortdir=desc&offset=10&group_id=75348&atid=737639

기본 에디터 style(줄간격이나 기본 글자 크기나 등은 )
/fckeditor/fckconfig.js
에서 아래부분을 찾아 아래처럼 넣어줍니다. 기본값은 null
FCKConfig.EditorAreaStyles = 'body{background:#FFFFFF;text-align:left;font-size:15px;small;line-height:20%;padding:10px;}' ;

cheditor에서 섬네일을 추출하는 게시판을 쓰시는분은
아래부분을
   if (eregi("data/cheditor[^<>]*\.(gif|jpg|png|bmp)", $edit_img, $tmp)) { // data/cheditor--
이 처럼 바꿔줍니다
   if (eregi("userfiles[^<>]*\.(gif|jpg|png|bmp)", $edit_img, $tmp)) { // data/cheditor----


마지막 추가로..
에디터 화면과 화면에 출력될 결과를 같게 하시려면
아래 스타일시트와
#writeContents{
 /*line-height:53%;*/
 line-height:150%;

}
#writeContents p{
 margin:0px;
 padding:0px;
}

에디터 스타일
FCKConfig.EditorAreaStyles = 'body{background:#FFFFFF;text-align:left;font-size:15px;small;line-height:150%;padding:10px;}p{margin:0px;padding:0px}' ;
을 같게 해주셔야 합니다






질문이 있는데요 글자동저장 플러그인을 받았는데요
텍스트 큐브나,제로보드에서 사용되는거랑 비슷합니다.
글작성하다 지정한 시간이지나면 자동으로 ajax로 임시저장을 하게하는데요
IIS 서버에서는 한글이 아에 NULL로 나오고
아파치서버에서는 한글이 깨져서 나옵니다
영어는 잘되구요



아마
// post
AxpObject.prototype.post = function ()
{
 // set up the requestObject
 this.initialize();

 // make request
 requestObject.open('POST', this.FCKConfig.ajaxAutoSaveTargetUrl, true);
 requestObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
 requestObject.send('action=draft&content=' + encodeURIComponent(this.editorInstance.GetXHTML()));
}

이 부분이 문제 같은데 uri인코딩 하면 한글이 안깨져야 되는거 아닌가요?
이게 잘안되는데 조언부탁드려요

추천
8

댓글 13개

훌륭하십니다.
에디터중에서는  fckeditor가 최고인 것 같습니다.

모든 기능에 완벽하다고 볼 수 있는 editor~~~

그누보드에 기본으로 탑재가 된다면 그누보드가 최고의 보드가 되는게 아닌가 쉽군요..
스마트 에디터 적용시켰다가...제 홈에서는 배경이 검은색이라
아무리 애를 써봐도 스마트 에디터 입력배경화면이 검게 않되서 애를 먹다가...이 팁을 적용시켰습니다.

너무 좋네요^^ 수정하기도 쉽고 편한듯 싶어요.
좋은 팁 공개해주셔서 감사드립니다.
스마트에디터

style.css
#smartInput{ margin:0 10px 0 0;}

default.css
#smart_editor #smart_content{ position:relative; clear:both; margin:0 0 10px 0; border:1px solid #c2c2c2; *zoom:1;}

이 부분에 background-color:#000000; 추가시켜 주시면 됩니다.
컥....몇일동안 해결을 못했는데....ㅠㅠ
이런 엉뚱한 곳에서 "귀인"을 만났네요...ㅎㅎ

style.css
#smartInput{ margin:0 10px 0 0;}

이 부분은 생각도 못했습니다. 아놔....그동안 엉뚱한 js 파일하고 default.css 만 붙잡고 고생한 거 생각하니...눈물이 다 나네요.
생각보다 멋진데요??ㅎㅎㅎ
전에 혼자 생각에?  fck는 그누하고 언벨란스하다는 생각을 했는데
너무 멋져보입니다!

수고하셨습니다.
FCKeditor진짜 최고죠ㅋㅋ
기존 커뮤니티에서도 쓰고 있었는데, 사파리나 파폭에서는 불러지는데 조금 딜레이가 있는 것 같습니다.

기능과 사용성은 진짜 최고ㅋㅋ

저같은 경우에는 툴바를 아래와 같이 표시해서 사용하고 있습니다.



FCKConfig.ToolbarSets["MyToolbar"] = [
['FitWindow','Source','ShowBlocks','Preview','-','Templates','-','Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
['Find','Replace','-','SelectAll','RemoveFormat'],
['Link','Unlink','Anchor'],
'/',
['Undo','Redo','Cut','Copy','Paste','PasteText','PasteWord'],
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
'/',
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor']
 // No comma for the last row.
] ;

FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
] ;
전체 3,313 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT