天天看點

FCKEditor的使用配置步驟

第一步: 

1, 将 FredCK.FCKeditorV2.dll 拷貝到程式的 bin 目錄下

2,将 fckeditor 源碼拷貝到程式目錄下

3,在程式目錄下建立一個檔案夾用來儲存上傳的檔案

第二步:

1,精簡 fckeditor 檔案

A, 将_開頭的檔案和檔案夾全部删掉

B, 将 fckeditor/editor/lang 語言删掉,保留一個

C, 将 fckeditor/editor/skins 皮膚删掉,保留一個

D, 将 editor/filemanager/connectors 程式設計語言删掉,保留一個

第三步:

添加引用 FredCK.FCKeditorV2.dll 到程式和工具箱

第四步:

點選FCKeditor,選擇屬性,将 BasePath 改為 /程式名/fckeditor/ ,這樣線上編輯器就出來了

第五步:

修改Fckconfig.js ,以下幾項必須修改

FCKConfig.DefaultLanguage = 'zh-cn' ;

var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py

var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py

第六步:

1,基本的文字輸入搞定之後,接下來就是上傳,點選圖檔按鈕,報錯

A,Fckeditor 預設是不能上傳的,修改 /fckeditor/editor/filemanager/connectors/aspx config.ascx,return true;

B,修改配置檔案,将上傳的路徑 指向你要上傳的檔案的名字 <add key="FCKeditor:UserFilesPath" value="/程式名/儲存檔案的檔案夾/" />

C,解決中文亂碼問題 fckeditor/editor/filemanager/browser/default   frmupload.html 以UTF-8格式重新儲存

第七步:

整個FCKeditor 就設定好了,接下來(選項)

A, 繼續删檔案

1,/fckeditor 保留 editor,fckconfig.js,fckeditor.js,fckstyles.xml,fcktemplates.xml,license.txt

B,修改 Fckconfig.js,突出個性線上編輯器

1,修改線上編輯器的寬度和高度,在屬性裡面

2,FCKConfig.TabSpaces   = 1 ; 允許TAB

3, FCKConfig.ToolbarCanCollapse = false ; 可以折疊

4, 自己一個一個對

FCKConfig.ToolbarSets["Default"] = [

['NewPage','Preview','-','Templates'],

['Cut','Copy','Paste','PasteText','PasteWord','-','SpellCheck'],

['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],

['Bold','Italic','Underline','-'],

['OrderedList','UnorderedList','-','Outdent','Indent'],

['JustifyLeft','JustifyCenter','JustifyRight'],

['Link','Unlink'],

['Image','Flash','Table','Rule','Smiley'],

['FontName','FontSize'],

['TextColor','BGColor']

// No comma for the last row.

] ;

5,FCKConfig.FontNames   = '宋體;楷體_GB2312;黑體;隸書;Arial;Times New Roman' ;

C, 修改 源檔案,CSS 達到你想要的效果,例如換行

OK,一個精簡版,但是功能很強大的線上編輯器就做好了。