EWebEditor/樣式管理

這里的“樣式”是指包括編輯器界面顏色，工具欄按鈕圖片、個(gè)數(shù)及排序，允許上傳的文件擴(kuò)展名及大小，是否使用縮略圖及水印等一系列參數(shù)的一整套設(shè)置方案。

點(diǎn)擊后臺(tái)管理左邊導(dǎo)航條的“樣式管理”，進(jìn)入如下的樣式管理操作界面：

以下為樣式管理頁(yè)各功能按鈕的功能描述：

• 所有樣式列表

當(dāng)操作進(jìn)入本模塊的更深層頁(yè)面時(shí)，隨時(shí)可以通過(guò)點(diǎn)擊此鏈接，返回樣式管理首頁(yè)。

• 新建一樣式

點(diǎn)此鏈接，將進(jìn)入樣式新增表單填寫頁(yè)，按表單填寫各項(xiàng)設(shè)置后點(diǎn)[提交]，即完成了新增一個(gè)樣式。表單中每項(xiàng)的填寫說(shuō)明，請(qǐng)見(jiàn)“樣式屬性”章節(jié)。

• 更新所有前臺(tái)配置文件

為了提高程序的執(zhí)行效率及易集成，eWebEditor使用了前后臺(tái)分離的結(jié)構(gòu)。即整個(gè)后臺(tái)目錄admin，在配置完后，可以從服務(wù)器刪除，不影響編輯器在前臺(tái)的正常使用。 當(dāng)每個(gè)配置信息提交后，程序?qū)堰@些配置信息寫入文本文件。要寫入的文件及目錄如下：

客戶端配置文件

ewebeditor/style/目錄下，每個(gè)樣式按樣式的名稱存為一個(gè).js客戶端腳本文件。

如：ewebeditor/style/coolblue.js，表示名稱為“coolblue”的樣式的配置文件。

服務(wù)器端配置文件

1. (ASP版) ewebeditor/asp/config.asp
2. (PHP版) ewebeditor/php/config.php
3. (.NET版) ewebeditor/aspx/config.aspx
4. (JSP版) ewebeditor/jsp/config.jsp

之所以分為客戶端配置文件和服務(wù)器端配置文件，是從提高程序的執(zhí)行效率和系統(tǒng)的安全性兩方面進(jìn)行考慮的。

在提高程序的執(zhí)行效率上，我們盡量把界面相關(guān)的配置，如界面的顏色，工具欄按鈕的個(gè)數(shù)及順序等保存在客戶端腳本文件中，以節(jié)省服務(wù)器的資源及提高程序執(zhí)行效率。 從系統(tǒng)安全性上考慮，有些設(shè)置是不能保存在客戶端腳本文件中的，如允許上傳文件的擴(kuò)展名，以我們正常設(shè)置，以gif, jpg, doc, rar, zip為擴(kuò)展名的文件是允許上傳的，但如果保存在客戶端，則意味著服務(wù)器的程序處理是由客戶端參數(shù)決定的。這時(shí)，如果操作用戶自己定制了一個(gè)表單，允許上傳如.asp, .aspx, .php, .jsp 這樣的文件，然后上傳了一個(gè)服務(wù)器端的黑客程序，對(duì)于安全性是可想而知的。這最終導(dǎo)致的結(jié)果不僅是編輯器的不能使用，更重要的是使得整個(gè)站點(diǎn)都在黑客的控制之中。而對(duì)于安全性的考慮上這點(diǎn)，基本市面的同類產(chǎn)品很少涉及，這也是我們產(chǎn)品的一個(gè)重要區(qū)別之處。當(dāng)然，并不只是擴(kuò)展名，還有一些參數(shù)也保存于服務(wù)器配置文件，在“樣式屬性”章節(jié)再做詳細(xì)介紹。

正常情況下，您不需要點(diǎn)擊功能鏈接來(lái)更新前臺(tái)的配置，因?yàn)楫?dāng)您的每個(gè)設(shè)置修改并提交后，程序?qū)⒆詣?dòng)更新配置文件。只有當(dāng)特殊情況下，如配置文件丟失時(shí)，才有必要通過(guò)此功能重新生成這些配置文件。

• 返回前一頁(yè)

就如IE瀏覽器中的[后退]按鈕功能一樣。

• 預(yù)覽

當(dāng)某個(gè)樣式的配置信息設(shè)置完后，您可以通過(guò)此功能，快速的預(yù)覽您的設(shè)置結(jié)果，并進(jìn)行測(cè)試。

• 代碼

通過(guò)此功能您可以得到與您系統(tǒng)集成的編輯器最佳調(diào)用代碼。進(jìn)入操作界面，直接把顯示出來(lái)的代碼片段拷貝，并粘貼到您的系統(tǒng)即可完成集成。

• 設(shè)置

使用此功能修改每個(gè)樣式的參數(shù)設(shè)置，包括按鈕圖片目錄，樣式風(fēng)格，上傳文件目錄及擴(kuò)展名，等等設(shè)置。具體每個(gè)參數(shù)的設(shè)置說(shuō)明，請(qǐng)見(jiàn)“樣式屬性”章節(jié)

• 工具欄

通過(guò)此功能，可以對(duì)指定樣式的工具欄及工具欄上的按鈕進(jìn)行管理配置，包括工具欄的條數(shù)，每條工具欄上的按鈕個(gè)數(shù)及順序，等。詳細(xì)請(qǐng)見(jiàn)"工具欄管理"章節(jié)。

• 拷貝

通過(guò)此功能，您可以快速的新建基于指定樣式的拷貝。與“新建一樣式”比較，您可以省去很多默認(rèn)設(shè)置的填寫。

例如：當(dāng)在“coolblue”樣式所在行右邊，點(diǎn)擊“拷貝”，此時(shí)您將看到在樣式列表中多了一個(gè)名稱為“coolblue1”的樣式。此“coolblue1”與“coolblue”的設(shè)置信息是完全相同的，只是名稱不同，這時(shí)你可以在“coolblue1”基礎(chǔ)上進(jìn)行修改，以快速方便的完成您所需要的一點(diǎn)點(diǎn)定制設(shè)置。使用“拷貝”功能，不必為了需要很小一部分的定制，而全部重填所有的參數(shù)。

• 刪除

刪除指定的樣式。請(qǐng)注意操作，刪除后不可恢復(fù)。

參考來(lái)源

• http://www.ewebeditor.net/documentation

EWebEditor使用手冊(cè)導(dǎo)航
安裝說(shuō)明 集成調(diào)用： 標(biāo)準(zhǔn)調(diào)用|彈窗調(diào)用|ASP.NET控件調(diào)用|注意事項(xiàng) 可視化配置管理： 后臺(tái)管理|樣式管理|樣式屬性設(shè)置|工具欄管理|按鈕管理|上傳文件管理 表單接收 JavaScript API 常見(jiàn)問(wèn)題及解答