用於鏈接顏色的GUI CSS分析器/編輯器

給出一個帶有各種規則的樣式表，其中一些用於超鏈接，我想將每個規則（僅包含那些包含「a」標籤）的規則以及「color」允許最終用戶點擊一個ColorPicker小部件並更改顏色。在PHP中使用jQuery Ajax將更新後的顏色保存回樣式表。用於鏈接顏色的GUI CSS分析器/編輯器

例如，樣式表可能有以下內容...

body {some rules here} 
    .header {more rules} 
    .menu a {color:#800000; text-decoration:none;} 
    .sidebar a {color:red;} 
    .footer a, .content a {color:#fff}

所以我想提出一個字段返回到每個「一」規則將隨着一個上市的最終用戶輸入框顯示其「顏色」值的當前值。點擊後，顏色值將打開一個小的顏色選擇器小部件（又是jQuery），它將預設爲反映當前值並允許用戶選擇新值。一旦選定，該值將通過jQuery ajax調用回寫到樣式表。

Link Colors: 

    Menu Color: #800000 [edit] 
    Sidebar Color: #ff0000 [edit] 
    Footer Color: #ffffff [edit] 
    Content Color: #ffffff [edit]

凡[編輯]按鈕會打開一個ColorPicker更改該課堂作業和開放點擊ColorPicker的「應用」的色彩，更新後的值寫入樣式表...

來源

2010-10-25 Scott B

你可以發佈你迄今爲止所做的代碼嗎？ – drudge 2010-10-25 18:32:18

我還沒開始呢。我想第一步是解析CSS文件以提取「a」組及其顏色值。我正在尋找關於如何進行整體評估的意見。在我看來，這是一個正則表達式項目，但也許有一個css解析器庫可以依賴。 – 2010-10-25 18:36:33

This project威力有興趣

來源

2010-10-25 18:44:47 rojoca

謝謝！絕對有趣。 – 2010-10-25 19:53:48

我意識到這是一箇舊的帖子，但如果你想基於一套規則處理樣式，你可能想看看並保留你的樣式在一個表中，並使用動態CSS（處理它爲PHP）。可以封裝類中的所有內容以保持相當乾淨。

Blake

來源

2011-03-27 12:24:47 Blake

用於鏈接顏色的GUI CSS分析器/編輯器

回答

相關問題