fckeditor . ckeditor 變更skin 佈景主題

fckeditor 2.x 預設佈景主題有三個分別為 default . office2003 . silver

php


$FCKeditor = new FCKeditor('content');
$FCKeditor->BasePath = '/fckeditor/'; //fckeditor 放置位置
$FCKeditor->Config['SkinPath'] = 'skins/office2003/' ; //變更 skins 資料夾中的佈景主題
$FCKeditor->Value =$content; // 預設值
$FCKeditor->CreateHtml();


js


FCKConfig.SkinPath = '/office2003/' ;


變更文字區顏色,更改 fck_editor.css

PS : 方法測試後 ie 無法顯示設定顏色


#xEditingArea {
background-color: #000;
}


ckeditor 預設佈景主題有三個分別為 default . office2003 . v2
js

mysitestyles.css


body
{
/* Font */
font-family: Arial, Verdana, sans-serif;
font-size: 12px;

/* Text color */
color: #f0f0f0;

/* Remove the background color to make it transparent */
background-color: #353c42;
}

html
{
/* #3658: [IE6] Editor document has horizontal scrollbar on long lines
To prevent this misbehavior, we show the scrollbar always */
_overflow-y: scroll
}

img:-moz-broken
{
-moz-force-broken-image-icon : 1;
width : 24px;
height : 24px;
}
img, input, textarea
{
cursor: default;
}


javascript


var editor = CKEDITOR.replace('content',{skin : 'office2003' , contentsCss : 'mysitestyles.css' }); // 使用skin變更佈景
CKFinder.SetupCKEditor( editor, '/ckfinder/' ) ;