Html 用Delphi编辑CSS

Html 用Delphi编辑CSS,html,css,delphi,stylesheet,delphi-2010,Html,Css,Delphi,Stylesheet,Delphi 2010,我使用Delphi2010。我正在使用twebbrowser加载HTML源代码并查看它。 现在,我想在web浏览器中单击一个区域(背景、链接等),并在CSS文件中获取HTML样式 例如:我点击H3区域,我想被带到CSS中的H3{color:white;}。 任何帮助都是非常感激的;这对我来说很难理解。您必须自己处理源代码的解析才能完成这项工作。因为CSS条目可以在另一个文件甚至其他文件中,所以这可能很棘手。首先,我要看一看这个组件,它在这里会有很大的帮助。您必须解析主文档和每个已识别的CSS文件

我使用Delphi2010。我正在使用twebbrowser加载HTML源代码并查看它。 现在,我想在web浏览器中单击一个区域(背景、链接等),并在CSS文件中获取HTML样式

例如:我点击H3区域,我想被带到CSS中的
H3{color:white;}

任何帮助都是非常感激的;这对我来说很难理解。

您必须自己处理源代码的解析才能完成这项工作。因为CSS条目可以在另一个文件甚至其他文件中,所以这可能很棘手。首先,我要看一看这个组件,它在这里会有很大的帮助。您必须解析主文档和每个已识别的CSS文件,以找到要跳转的适当文件/位置。我还将把TWebBrowser作为替代品,因为它提供了对嵌入式浏览器的更多控制,以及TRichEditWB,它可以很好地查看语法突出显示的HTML源代码


编辑:您仍然需要解析CSS和HTML,以建立每个标记及其CSS位置的索引。编辑HTML时,必须解析光标当前所在的标记,并将其与前面解析的索引进行比较,以显示有效的CSS属性。请记住,CSS是级联和嵌套的,因此您的索引很可能是一棵树,并且您的标记在该树中是相对的。

欢迎使用堆栈溢出。您是否确定了需要为这个假定的“编辑”功能执行的不同步骤?(例如,你知道如何识别“H3区域”?你能在那里检测到点击吗?你有文档所有CSS规则的列表吗?你知道如何找出哪些规则适用于被点击的给定区域吗?)你对哪些部分有问题?问一个更具体的问题(或者实际上是任何问题,在这种情况下)会得到更好的答案。仅仅请求“任何帮助”并不是设计堆栈溢出的目的。如果您唯一感兴趣的是查看html元素的属性,我建议您使用Web Developer插件安装Firefox。然后,您可以使用视图样式信息(Ctrl+Shift+Y)查看相应的CSS信息,谢谢您的评论。我已经研究了DLHTMLPasser,我已经完成了tEmbeddedWB和TRichEditWb。但是我想不出一个解决办法来解决我正在尝试做的事情。我最难发现的是你是否在twebbrowser中点击了(h3,Body等)。有人知道怎么做吗。谢谢我自己,我正在使用DihtmlPasser,我非常喜欢它。不幸的是,对于在web浏览器中单击并识别单击内容的特定场景,我无法提供任何帮助。