顯示具有 FCKeditor 標籤的文章。 顯示所有文章
顯示具有 FCKeditor 標籤的文章。 顯示所有文章

2010年11月1日 星期一

線上網頁編輯器FCKeditor(二)

最近要開發的系統有引用到FCKeditor,但Toolbar並不需要所有的項目,只需要部份項目,經由google大神的幫忙找到了解決方式,解決方式分為二步驟

步驟一:修改fckconfig.js


FCKConfig.ToolbarSets["JSSG"] = [
['Bold', 'Italic', 'Underline', '-', 'FontSize', 'TextColor', 'BGColor'], '/',
['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyFull']
];


上面的程式碼片段'-'代表每一列Toolbar各區塊的分隔符號,'/'則代表換列

步驟二:設定.aspx上的FCKeditor控制項屬性







*相關參考
1.http://docs.cksource.com/FCKeditor_2.x/Developers_Guide/Configuration/Toolbar
2.http://m955.com/wp/archives/77

2009年5月24日 星期日

線上網頁編輯器FCKeditor(一)

寫這篇文章的動機,其實是來自過去一個同事所負責的專案有引用到,這篇文章談不上什麼教學,只是我參考網路並且自己實作上的一個紀錄。底下是引用FCKeditor的作法
首先下載
下載後將二個壓縮檔解壓縮,並將FCKeditor_2.6.4.zip解壓縮後的目錄拷貝至你所開發的ASP.Net Web專案

在ASP.Net Web專案中參考 FCKeditor.Net_2.6.3.zip解壓縮後的資料夾名稱\bin\Release\2.0\FredCK.FCKeditorV2.dll (如果專案為Visual Studio 2003
開發時,可選擇 1.1資料夾底下的FredCK.FCKeditorV2.dll)


在[工具箱]加入索引標籤 FCKeditor,點選[工具]再點選[工具箱項目],在[.Net Framework元件]頁籤中透過[瀏覽]將FredCK.FCKeditorV2.dll加入,此
時[工具箱]裡索引標籤FCKeditor中多了一個FCKeditor

修改ASP.Net Web專案內的web.config檔

value裡的值為拷貝至ASP.Net Web專案裡FCKeditor目錄的名稱。

修改fckconfig.js檔案(檔案位於fckeditor目錄下)
FCKConfig.DefaultLanguage= 'zh-cn'
_FileBrowserLanguage = 'aspx'
_QuickUploadLanguage = 'aspx'

大功告成,底下為執行畫面