更改ckeditor show blocks border的顏色

網站內容區域的ckeditor編輯器窗口具有藍色背景以匹配網站，以便客戶端在添加內容時看到網站的真實表示。更改ckeditor show blocks border的顏色

當選擇「顯示塊」時，顯示的塊邊界在藍色背景上幾乎看不見。因此，顯示塊邊框的顏色在哪裏可以更改爲較暗的顏色？

2012-11-22 Bill

不幸的是，顯示模塊邊框的顏色不是定製的。 CSS的樣式是由JS生成的。你可以在這裏找到它http://dev.ckeditor.com/browser/CKEditor/trunk/_source/plugins/showblocks/plugin.js#L28

我想你正在使用編譯版本的CKEditor，所以源代碼被縮小了。您必須打開ckeditor.js文件並找到該片段並手動更改。您可以嘗試克隆CKEditor 4（新版本將於下週二發佈），在此更改此值https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/showblocks/plugin.js#L48，然後編譯您的CKEditor版本（您可以在此處找到說明https://github.com/ckeditor/ckeditor-dev）。但要做到這一點，你需要Mac或Linux，因爲構建腳本是用Bash編寫的。

來源

2012-11-22 19:50:08 Reinmar

感謝您的回覆。花了一些時間，但在ckeditor.js中找到了邊界的片段，併成功更改爲黑色。每個塊左上角的文本顯示爲PNG圖像，文本爲灰色，所以在所有PNG文件中都必須將文本顏色更改爲黑色 – Bill

這一切都運行良好。黑色顯示塊邊框和新的PNG圖像中的黑色html標籤在藍色背景上都顯示得很好。 – Bill

CKEDITOR.replace（'textarea_id'，{ uiColor：'＃14B8C4' }）;

更新： -

檢查樣品網址：ckeditor

來源

2012-11-22 12:35:32 user1357722

嗨，我在哪裏可以找到這段代碼來編輯它？ – Bill

更改ckeditor show blocks border的顏色

回答

相關問題