用于链接颜色的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分析器/编辑器

回答

相关问题